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

The React Newsletter

Hi <<First Name>>,
 
React Dev Tools — Debug Like a Ninja

Hands down console.log() was, is and will always be the greatest debugging tool of all time.

React team launched a new version of the React Dev Tools (v4) a few weeks ago and it’s fantabulous. It gives you debugging superpowers to navigate through your tree, trace data flow, spot weak links and optimise for perf.

There are two separate tabs (Components, Profiler) now as opposed to the old version which had only one React tab.


Read more
 
8 Miraculous Ways to Bolster Your React Apps

Sometimes, when we build our apps in React, we can miss opportunities to improve our app and that’s probably because, when our app just works and feels fast, we tolerate it for being perfect.

As developers, we might assume that, if the outcome of our projects looks normal to us, it would look normal to the users. When our minds think that way, this may cause us to overlook areas in our code that could be optimized for a better result.

This piece will go over eight ways to bolster your React apps.


Read more
 
Modernizing a legacy codebase using microfrontends
Modern web development has several advantages in terms of better user and developer experiences. However, bringing those advantages to a legacy codebase can be difficult. Having a server side rendered component service helps bridge the gap in an incremental fashion. This however brings with it a different set of challenges that needs to be addressed. In this talk we will explore the above approach of serving components via a service and navigating the various challenges that comes with it.

Watch video
 
The Two Easiest Ways To Share Your ReactJS Project As a Widget

Although developers have been successfully building React applications for years now, I have noticed many of them who struggle to share their application as a Widget that can be embedded by other users on their websites.

Unfortunately most of the available information is targeted towards developers who are either comfortable with hacking Webpack or else require a number of third party libraries. Additionally, if you are like me and run your ReactJS project in a Docker environment, these type of solutions might not be trivial to integrate.

Therefore, this article is my own attempt to show you two of the easiest ways to make your ReactJS project, or specific components of it, available as Widgets so that other users can use on their website. Which one to choose depends if you want to go for the iFrame solution or the Javascript solution. At the end of the article I will share some guidelines to help you decide which solution would be best for you.


Read more
 
A Guide to Service Workers in React.js

If you’ve ever tried to start your own app (create-react-app) in React for the first time, you may have noticed that a service worker class is invoked by default. If you’re anything like me, you may be wondering: what does this service worker do?

I am going to take you through what a service worker is, why it was created, and how you can use it in your apps.


Read more
 
8 Practices In React That Will Crash Your App In The Future

A lot of us have fallin in love with the react library for several reasons. It can be incredibly painless to create complex interactive user interfaces. The greatest part of it all is being able to compose components right on top of another without breaking other composed components.

And it's amazing that even social media giants like FacebookInstagram and Pinterest made heavy use of them while creating a seamless user experience with huge APIs like Google Maps .

If you're currently building an application using react or thinking of using react for upcoming projects, then this tutorial is for you. I hope this tutorial will help you on your journey to make great react applications too by exposing a few code implementations that you ought to think twice about.

Without further ado, here are 8 Practices In React That Will Crash Your App In The Future:


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