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

The React Newsletter

Hi <<First Name>>,
 
Rendering large lists with react-window
If you use React and need to display large lists of data efficiently, you may be familiar with react-virtualized. It's a windowing library by Brian Vaughn that renders only the items currently visible in a list (within a scrolling "viewport"). This means you don't need to pay the cost of thousands of rows of data being rendered at once.

Read more
 
React in a Serverless World
The intended audience for this article is primarily front-end developers. This article assumes the reader is familiar with React and some basic GraphQL. In addition, the client-side app in this article uses recently introduced React hooks. Backend technologies will be explained in some detail, so no detailed understanding of topics such as Apollo Server, MongoDB, Mongoose, deployments, AWS, Amplify, and AppSync is necessary to follow along. Full repos are available with the app examples.

This article serves to illustrate the differences between client-server and serverless approaches to building full-stack apps, with React being used for the UI. As a starting point, we will build a simple client side app in React, used for both client-server (which will call “serverful” from now on, taking a lead from this illuminating technical report by UC Berkeley) and serverless approaches. Now, the TodoMVC project is a well-known initiative that uses a Todo app to compare web frameworks, so we’ll go with a Todo app based on it. Specifically, we’ll select the Todo MVC app from the Redux repository, use their CSS styling, remove some functionality to make it simpler for this article, and switch out class-based components for functional components using React hooks, to further simplify the code.


Read more
 
Effortless Forms In React
I'm going to be showing off a new library that I found that makes writing forms in React insanely simple.

Watch video
 
Learning React: The Main Concepts

Alright. It’s been a while since I’ve sat down and actually wrote something for my blog. So today is a perfect opportunity to fix that by providing you with an eagle’s eye overview of the main React concepts.

You may ask why React? Well, first of all, if you already know JavaScript, React can make you much better at it. You’ll learn how to take advantage of some programming paradigms to make your JavaScript code more maintainable and performant.

Second, there’s a reason why this library has become so popular today, it has some magic that can make creating complex UIs less painful. Things like the virtual DOM, which allows rendering only parts of the page that’s changed is certainly a nice thing to have.

So, without further ado let’s dive right into it.


Read more
 
TDD your React components

People don’t like writing tests. It feels like a waste of time to the most of us. Especially front-end developers. Why bother if I can just go and check it in a browser? And TDD is even worse, why do I write tests before code, intentionally limiting myself? I would have it done three times quicker you say.

Well, you have a point there. But do you feel confident about your code?

For me, tests are all about confidence. You can check it in a browser, but you barely check all the cases manually. And what happens when your code changes over time? Do you go and check it all over again? Yeah, sure.

You may feel uncomfortable now. That’s ok. “I don’t know what to start with”, you say. That’s fine too.


Read more
 
Creating a File Upload Component with React

Creating a file upload component is a common task in web development.

Unfortunately it can be quite intimidating.

In this tutorial you will learn how to create a working file upload component with react from scratch using no dependencies other than react itself.

You will learn how to upload files and display the upload progress using react.


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