How we rebuilt React DevTools with replay routines
Posted on January 13, 2023, Level intermediate Resource Length medium
CSS-in-JS for React: Linaria vs. Styled components
Posted on October 12, 2022, Level intermediate Resource Length medium
When building a web application with React, one of the challenges apart from implementing the main logic of the application is styling and choosing the appropriate styling solutions for your application. By Osah Peter.
Simplify your React component's state with a state machine
Posted on September 14, 2022, Level intermediate Resource Length long
Use a reducer to implement a fully-typed state machine without breaking a sweat. As React developers, we've all had to work on a component where the state had become impossible to manage. By Guillaume Renard.
Micro-frontend with React and Next.js
Posted on August 5, 2022, Level beginner Resource Length medium
Working on a large-scale project and managing its codebase can be a big challenge for teams. Though micro-frontends have been in the picture for a while now, they are getting increasingly popular because of their unique features and usability. By Harsh Pate.
Why I don't miss React: a story about using the platform
Posted on May 7, 2022, Level intermediate Resource Length medium
My initial focus was to introduce Web Components as the new fundamental building block of all new DevTools features and UI. With the recently launched Recorder panel along with others, there are now large parts of DevTools that are almost exclusively web components. By Jack Franklin.
How TypeScript design patterns help you write better code
Posted on March 29, 2022, Level beginner Resource Length long
Fundamentals of functional programming with React
Posted on December 31, 2021, Level intermediate Resource Length medium
Understanding the concept of functional programming is a valuable skill for React developers. It is an important topic that most React beginners often overlook, making them encounter problems when understanding how React makes some of its decisions. By Ibadehin Mojeed.
Comparing SPAs to SSG and SSR
Posted on December 22, 2021, Level beginner Resource Length medium
What are the differences between Single Page Apps (SPA), Server Side Rendered Sites (SSR), and Static Site Generator based sites (SSG)? How do they compare in performance, SEO, developer experience, and flexibility? In this article, we give you an in-depth comparison of SPA, SSR, and SSG to help you make an informed decision on which strategies to use for your next front-end project. By Jacob Jackson.
User authentication with React and AWS Cognito
Posted on November 5, 2021, Level beginner Resource Length long
An article explaining how to integrate AWS Cognito with React for user authentication. Cognito collects a user's attributes, it enables simple, secure user authentication, authorization and user management for web and mobile apps. By Carlos Zuniga.
Posted on October 30, 2021, Level beginner Resource Length medium
How containment in React can improve your code
Posted on September 27, 2021, Level intermediate Resource Length medium
Component composition is undoubtedly where React shines. Being able to freely compose larger views from smaller, flexible building blocks is great. But you have to be careful because it's easy to get it wrong (or at least suboptimal). By Tomasz Gil.
Integrating Firebase with React Native
Posted on August 6, 2021, Level intermediate Resource Length medium
Firebase is a Backend as a Service (BaaS) that provides an advantage to mobile developers who use React Native for developing mobile applications. As a React Native developer, by using Firebase you can start building an MVP (minimum viable product), keeping the costs low and prototyping the application pretty fast. By Aman Mittal.