Stay up to date with the latest news on React.
View this email in your browser

The React Newsletter

Hi <<First Name>>,
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.


We plan to split the rollout of new React features into the following milestones:

These are estimates, and the details may change as we’re further along. There’s at least two more projects we plan to complete in 2019. They require more exploration and aren’t tied to a particular release yet:

We expect to get more clarity on their timeline in the coming months.

Read more
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.

React’s docs provide a good high-level overview of the mechanism: the role of React elements, lifecycle methods and the render method, and the diffing algorithm applied to a component’s children. The tree of immutable React elements returned from the render method is commonly known as the “virtual DOM”. That term helped explain React to people early on, but it also caused confusion and isn’t used in the React documentation anymore. In this article I’ll stick to calling it a tree of React elements.

Besides the tree of React elements, the framework has always had a tree of internal instances (components, DOM nodes etc.) used to keep the state. Starting from version 16, React rolled out a new implementation of that internal instances tree and the algorithm that manages it code-named Fiber. To learn about the advantages which the Fiber architecture brings check out The how and why on React’s usage of linked list in Fiber.

Read more
Let React speak your language - Tomáš Ehrlich - React Conf 2018

Watch video
Simple Code Reuse with React Hooks

Code reuse is very necessary for scaling. We’ll be looking at what React hooks are and how we can use them to keep our components D.R.Y.

What are React Hooks?

Hooks are a new feature proposal that lets you use state and other React features without writing a class. They’re currently in React v16.7.0-alpha and being discussed in an open RFC. So it is not recommended to use them in production.

Why is everyone talking about React Hooks?

React hooks are nothing less than a revolution in the React world. They simplify so many things. Need state but hate classes or confused by this ? No problem, hooks got your back. And not just that, hook also lets you reuse code in an elegant manner too. But wait…

Read more
Concepts to become an advanced React developer

We all love ReactJS. It is one of the best and popular way to create SPA(Single Page Application). It offers flexibility and facility. It has great feature to use it to create a single component in the existing website or use it to create the whole website from scratch.

Now ReactJS is a framework used by many other frameworks or toolkits such as NextJsGatsByJs, Razzle, AfterJs etc. So becoming a better ReactJS developer will in turn help you to better use these frameworks.

Read more
React for the Angular Dev
Angular and React have dominated the landscape of JavaScript frameworks for some time now. Chances are you probably picked one that suited your needs best and probably stuck with it; after all humans don’t really like change. This article is for those who have been working in Angular and haven’t had a chance to venture into other frameworks and try them out. Before we get started, I want to make this very clear — This is NOT a comparison article of the frameworks. Instead I want to show those using Angular, that haven’t had a chance to get their feet wet in other frameworks, what React looks like.

Read more
React video courses
Because I need to pay my bills 😉
Copyright © 2018 ABL - The Problem Solver, All rights reserved.

unsubscribe from this list    update subscription preferences 

Email Marketing Powered by Mailchimp