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

The React Newsletter

Hi <<First Name>>,
 
Thinking in React Hooks
React introduced hooks one year ago, and they've been a game-changer for a lot of developers. There are tons of how-to introduction resources out there, but I want to talk about the fundamental mindset change when switching from React class components to function components + hooks.

Read more
 
Inversion of Control

A simple principle that can drastically improve your reusable code

If you've ever built code that was used in more than one place before, then you're likely familiar with this story:

  1. You build a reusable bit of code (function, React component, or React hook, etc.) and share it (to co-workers or publish it as OSS).
  2. Someone approaches you with a new use case that your code doesn't quite support, but could with a little tweak.
  3. You add an argument/prop/option to your reusable code and associated logic for that use case to be supported.
  4. Repeat steps 2 and 3 a few times (or many times 😬).
  5. The reusable code is now a nightmare to use and maintain 😭

And what is it exactly that makes the code a nightmare to use and maintain? 


Read more
 
Functions vs Classes - Dave Nicholas

Watch video
 
React State Management without Redux

Mimicking Redux features with React Hooks and Context API

In the React world, one of the first ideas that come to mind when thinking about state management is using the Redux library.

Redux provides a predictable state container to centralize the global store of your application. Besides, with features like storereducersactions and middlewares, and methods such asconnectmapStateToPropsmapDispatchToProps and bindActionsCreator, Redux allows to easily create and manage a complex application.

Since the stable release of React Hooks (16.8v), we can natively implement our state management using only React goodies without any hassle.

In this post, we are going to identify the main features of Redux and we will try to replace them, using React Hooks and Context API, to create an app with “Redux-like” state management.


Read more
 
Framer Guide to React
In recent years, React has become the de facto way to build big and fast web apps in JavaScript. This is great news for designers, because React is component-based and naturally aligns with the way designers work today. If you’ve been wanting to dive into React, then this is the e-book for you. The original version of this guide has helped thousands of designers get started with React and ES6. In this latest edition, we’ve added content and reformatted into three skimmable chapters that take you through the theory, syntax, and tools of the trade. If you’d like to follow along with the code examples below, download our 14-day Framer X trial.

Read more
 
10 Tips and Tricks That Will Make You a Better ReactJS Dev
All right, folks — it’s time for another piece to help you improve your React game, become better React devs, write better code, and excel at coding interviews.

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