Skip to content
Logo Theodo

Articles for React/React Native

Load Previous Posts

Creating a Controlled Form with React Hook Forms

Rohan Samuel14 min read

React Hook Form

React Hook Forms is a form library for React applications to build forms with easy to configure validation through the process of calling hooks to build form state and context. React Hook Forms serve as an alternative to another popular…

Continue reading →

Increasing user acquisition by 15% through experiments on the onboarding funnel

Francisco Costa9 min read

User Acquisition Magnet

A summary of my findings while helping a business increase their user acquisition by performing modifications and experiments to their onboarding funnel. A increase of ~15% was seen when synchronous email verification was removed from the flow, this however did…

Continue reading →

Embedding videos in a React Native app

Aleksandra Kulbaka4 min read

React Native logo and video thumbnail

Web Illustrations by Storyset For the last few months, I have been working on a React Native multimedia app. We already supported reading articles and listening to podcasts, but the problem started when we began to implement the video player. The…

Continue reading →

How to externalize large libraries from your application bundle?

Guillaume Vagner10 min read

Bundle analysis showing a large BabylonJS chunk, made with @next/bundle-analyzer

During the past months, I spent a lot of time trying to improve the frontend developer experience of about 15 developers on a large e-commerce website. The objectives included the reduction of our bundle size and CI run times. During…

Continue reading →

React Hooks and Tips to Avoid Useless Component Render Applied on Lists

Louise Loisel11 min read

List and React logo

import { Image } from 'astro:assets';A few weeks ago, I encountered children list rerender issues on the project I was working on. In this article you will learn :how I debugged a react performance issue why virtualization is not always suitable for…

Continue reading →

Mastering React-admin Resources to Improve Your App Performance

Morgane Riclet7 min read

React-admin logo

Let me tell you the story of how I improved my react-admin app runtime loading performance from 1 minute to 1 second. I work at Theodo on a project with many websites. To configure and manage all of them, we had…

Continue reading →

TypeScript: How Type Guards Can Help You Get Rid of 'as'

Fatine Benhsain9 min read

TS logo

In TypeScript (TS), the "as" keyword is widely used when manipulating types. However, you should employ it with caution, as it does not provide any guarantee on the real types of your objects and could generate unexpected bugs. In this…

Continue reading →

The React Testing Library Guide I Wish I Had

Elise RECEJAC7 min read

React Testing Library

I would like to share with you a great library I have found, which makes front-end tests fun to write! With this article, you will be able to write serenely your first tests with React Testing Library. To have a deeper…

Continue reading →

Building Terravision(2021) using Deck.gl and Carto

Eddie MG12 min read

Screenshot of demo website homepage with dummy articles and map interface displaying article location.

Adding a detailed and interactive map to a web app can be a time consuming process. Pairing deck.gl and carto with react can make it pain free. Using Carto to manage your data and Deck.gl to render it can make…

Continue reading →

How to Generate Beautiful PDFs with React and Puppeteer

Clément Marcilhacy8 min read

puppeteer

I recently had to provide a new functionality on my project: the "download as PDF" one. The first thing I wondered was why should we provide this functionality? Doesn't it already exist natively with pretty much all web browsers with…

Continue reading →
Load Next Posts