Digests » 176

react

React 16.x Roadmap

You might have heard about features like “Hooks”, “Suspense”, and “Concurrent Rendering” in the previous blog posts and talks. In this post, we’ll look at how they fit together and the expected timeline for their availability in a stable release of React.

React 101: Things every beginner should know – Part 1

This article contains the tips that I wish I got from someone when I started writing this blog with React (yes, it still has a lot of issues!). I have written every single point based on my own experience over the last 2 years. I hope you find these helpful. Let's begin!

Idiomatic Redux: The History and Implementation of React-Redux

React-Redux is conceptually pretty simple. It subscribes to the Redux store, checks to see if the data your component wants has changed, and re-renders your component. However, there's a lot of internal complexity to make that happen, and most people aren't aware of all the work that React-Redux does internally. I'd like to dig through some of the design decisions and implementation details of how React-Redux works, and how those implementation details have changed over time.

Inside Fiber: in-depth overview of the new reconciliation algorithm in React

React is a JavaScript library for building user interfaces. At its core lies the mechanism that tracks changes in a component state and projects the updated state to the screen. In React we know this process as reconciliation. We call the setState method and the framework checks if the state or props have changed and re-renders a component on UI.

Lazy loading (and preloading) components in React 16.6

React 16.6 adds a new feature that makes code splitting easier: React.lazy(). Let’s see how and why to use this feature with a small demo.