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

The React Newsletter

Hi <<First Name>>,
 
Authentication in React Applications
How to handle user authentication in modern React Applications with context and hooks

Read more
 
Why Don’t You Use Server-Side-Rendering in Your React App?
Infrastructure-Components let you create, start, and deploy a Serverless Isomorphic React App easily. These React-like components (e.g. <IsomorphicApp/>) seamlessly integrate the setup of your project with your own React components. They do all the technical configuration for you and thus, they enable you to concentrate on writing the business logic of your App.

Read more
 
Requisite React


Watch video
React is a brilliant JavaScript library for building simple and complex user interfaces. In our eagerness to apply React to our most complex of problems and ship solutions today, we can get lost in the 🌲🌲🌲 forest of abstractions 🌲🌲🌲. When it comes to leveling up our skills in anything, I find the most effective method is to take a step back and understand the foundational fundamentals. To strip away all abstraction until what we're left with is the bare bones. The better you understand an abstraction, the more effective you will be at using it. In this talk, we'll get more effective at using React Hooks, React Suspense, and JSX.
A deep dive into React Fiber internals

Ever wondered what happens when you call ReactDOM.render(<App />, document.getElementById('root'))?

We know that ReactDOM builds up the DOM tree under the hood and renders the application on the screen. But how does React actually build the DOM tree? And how does it update the tree when the app’s state changes?

In this post, I am going to start by explaining how React built the DOM tree until React 15.0.0, the pitfalls of that model, and how the new model from React 16.0.0 solved those problems. This post will cover a wide range of concepts that are purely internal implementation details and are not strictly necessary for actual frontend development using React.


Read more
 
Eight Time-Saving Gatsby Plugins

Gatsby has grown in popularity, and for good reason. It’s unequivocally fun and easy to work with— it makes the life of a React developer much smoother and more productive.

What are Gatsby plugins? In a nutshell, Gatsby plugins are reusable modules of code. From the Gatsby homepage:

Gatsby plugins are Node.js packages that implement Gatsby APIs. For larger, more complex sites, plugins let you modularize your site customizations into site-specific plugins.

Without further ado, here are eight handy Gatsby plugins that you can start using today. Note: This article assumes you’re familiar with the basics of Gatsby.


Read more
 
Organizing Large React Apps
When I first started writing React apps, I spent weeks, maybe even months, wrapping my head around all the different frameworks for state management. I looked at Redux, Thunk, Saga, etc. Hell even before React, I spent time looking at other UI frameworks like Vue. When I settled on React, it quickly became apparent that the Hello World equivalent for UI tutorials (the ToDo list) was well intentioned but could not possibly prepare a newbie with enough knowledge to organize an actual React app with even mild complexity. So based on what I learned along the way, and my experience of wasting time with many other approaches, I finally came up with scaffolding that I think works really well to keep state management in React clean and well organized. This article assumes you are already familiar with Redux and React concepts and code. That being said, here is what works for me…

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


unsubscribe from this list    update subscription preferences 

Email Marketing Powered by Mailchimp