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

The React Newsletter

Hi <<First Name>>,
 
Under the hood of React’s hooks system

We’ve all heard about it. The new hook system of React 16.7 has made a lot of noise in the community. We’ve all tried it and tested it, and got really excited about it and its potential. When you think about hooks they’re kind of magical, somehow React manages your component without even exposing its instance (no use of this keyword). So how the heck does React does that?

Today I would like to dive into React’s implementation of hooks so we can understand it better. The problem with magical features is that it’s harder to debug a problem once it happens, because it’s backed by a complex stack trace. Thus, by having a deep knowledge regards React’s new hook system, we would be able to solve issues fairly quick once we encounter them, or even avoid them in the first place.


Read more
 
Setting up a Full-Stack TypeScript Application: featuring Express and React

Many will tell you that NodeJS is better suited for small projects and that static, compiled languages like Java/C# are better for large enterprise applications. This is where TypeScript comes in handy; it gives you the rapid development of a scripting language combined with the type safety of a static language. If you already know JavaScript, the learning curve for TypeScript is extremely small. TypeScript just requires a little extra setup at the beginning because it’s well… a superset and not technically a language.

Just to point it out, I’m sure there are tutorials all over the web showing you how to setup TypeScript for React or NodeJS. But the ones I’ve run into have been pretty piecemeal and I’ve never really read one that was comprehensive enough. The point of this article is to show you how to setup TypeScript for both front and back-end development, debug, unit-test, and then bundle everything together for production.

All the source code is available at the following repository. You should observe the corresponding files/folders in the repo while reading this article.


Read more
 
Pass props to React Router's Link component
Often times when building an app with React Router you'll need to pass props through a Link component to the new route. In this post, we'll break down how that process works.

Watch video
 
Architecting your React application
In these days where MVC feels like from the dinosaurs age. Our APIs are serving multiple client apps and a lot of business logic moved to our client applications. Front end development is much more than just nicely coded interface, it’s a lot of programming, sometimes the architecture can be tricky and even serving our web app might not be as straightforward as pushing things via FTP.

Read more
 
Overview of Proxy Servers, CORS, and How We Use Them in React
This topic has been the focus of several discussions over the past few years. And, here I am to talk about it again. My approach, however, is going to be a little different from a majority of other articles that I have come across. Instead of focusing on just the how, I will also be focussing on the why part of this question as well — which is usually assumed to be understood.

Read more
 
Easy Peasy global state in React w/ Hooks

React keeps on giving. The recent announcement of Hooks has blown away complexity and completely reinvigorated my love with React. With these new tools at our disposal I decided to reevaluate the libraries and patterns that I reach for to see if I could replace them with native implementations.

One of the immediate considerations was that of global state. Some of the built in React Hooks include useReduceruseState, and useContext. These are powerful primitives, and one could be forgiven for convincing themselves they would never need a 3rd party state library again.


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