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

The React Newsletter

Hi <<First Name>>,
 
React Fire: Modernizing React DOM

This year, the React team has mostly been focused on fundamental improvements to React.

As this work is getting closer to completion, we're starting to think of what the next major releases of React DOM should look like. There are quite a few known problems, and some of them are hard or impossible to fix without bigger internal changes.

We want to undo past mistakes that caused countless follow-up fixes and created much technical debt. We also want to remove some of the abstraction in the event system which has been virtually untouched since the first days of React, and is a source of much complexity and bundle size.

We're calling this effort "React Fire".

🔥 React Fire

React Fire is an effort to modernize React DOM. Our goal is to make React better aligned with how the DOM works, revisit some controversial past decisions that led to problems, and make React smaller and faster.

We want to ship this set of changes in a future React major release because some of them will unfortunately be breaking. Nevertheless, we think they're worth it. And we have more than 50 thousands components at Facebook to keep us honest about our migration strategy. We can't afford to rewrite product code except a few targeted fixes or automated codemods.


Read more
 
Using data in React with the Fetch API and axios
If you are new to React, and perhaps have only played with building to-do and counter apps, you may not yet have run across a need to pull in data for your app. There will likely come a time when you’ll need to do this, as React apps are most well suited for situations where you’re handling both data and state.

Read more
 
Eve Porcello Everything You Need to Know About GraphQL in 3 Components


Watch video
 
TypeScript and Babel 7
Today we’re excited to announce something special for Babel users.

 

Over a year ago, we set out to find what the biggest difficulties users were running into with TypeScript, and we found that a common theme among Babel users was that trying to get TypeScript set up was just too hard. The reasons often varied, but for a lot of developers, rewiring a build that’s already working can be a daunting task.

Babel is a fantastic tool with a vibrant ecosystem that serves millions of developers by transforming the latest JavaScript features to older runtimes and browsers; but it doesn’t do type-checking, which our team believes can bring that experience to another level. While TypeScript itself can do both, we wanted to make it easier to get that experience without forcing users to switch from Babel.

That’s why over the past year we’ve collaborated with the Babel team, and today we’re happy to jointly announce that Babel 7 now ships with TypeScript support!
 

Read more
 
What Is Redux: A Designer’s Guide

Have you heard of Redux? What is it? No googling, please!

  • “Fancy backend stuff.”
  • “I have heard of it, but I’m not aware of what it is. It’s a React framework perhaps?”
  • “A better way to store and manage states in a React application.”

I’ve asked this question to over 40 designers. The above are their typical answers. Many of them are aware that Redux works with React and its job is “state management.”

But do you know what this “state management” really means? Do you know Redux’s real power is beyond managing the state? Do you know that Redux doesn’t necessarily require React to work? Do you want to join your team’s discussion (or at least lunch chats) about whether to use Redux? Do you want to design with an understanding of how Redux works in mind?

With the help of this article, I’d like to show you a full picture of Redux: what it can do, why it does its things, what the downsides are, when to use it, and how it relates to design.


Read more
 
Let’s fall in love with React Fiber

React Fiber is an internal engine change. You can’t interface with it as a React Developer, and the upgrade went so smooth most didn’t even notice it happened.

So why should we care about it? Because it’s really freaking cool!

React before Fiber was like working at a fast paced company without git.

Imagine being in the middle of a huge feature, and your boss needs a hotfix, pronto.

With git, you don’t have to worry. Fiber is like that, but for rendering.

With Fiber, React can pause and resume work at will to get what matters on screen as quickly as possible! 🎉

In short, React Fiber is incredible.

Perhaps some of you haven’t found a reason to try and understand it. It could be because it’s abstracted away, or it’s not clear where to even start.

Understanding Fiber has large benefits, though. It’s a piece in the asynchronous rendering puzzle. It’s only a matter of time before other frameworks start heading in that direction.

Let me be your guide. Feel free to skip this next section if you don’t need context about how the system surrounding Fiber works! 💪


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