You can discover articles, tutorials, libraries, talks, courses, tools and books.
React allows you to start building apps with ease, be it small and simple apps or big and complex apps. As applications evolve, it is only natural for requirements to do so as well and, in consequence, you will eventually need to boost some performance out of your app. In this article, we'll also look [continue]
In this tutorial, we will render our app directly in the content (with Content Scripts). I will show you to how to start writing a chrome extension using ReactJS and Parcel from scratch. [continue]
Learn about React's Virtual DOM and use this knowledge to speed up your applications. In this thorough beginner-friendly introduction to framework's internals, we will demystify JSX, show you how React makes rendering decisions, explain how to find bottlenecks, and share some tips to avoid common mistakes. [continue]
Server-side rendering can help improve performance, but you need to make sure you're doing it right. In this episode we'll set compare the page load of a regular and server-side rendered React app. We'll use the Chrome DevTools to get a good visualization of what's going on, but then switch to Webpagetest [continue]
In this tutorial, I will explain how React deals with forms and events. I'll also walk you through how to write code that helps to get input from the different form components and submit the data in a React application. Finally, I'll show how to use the Formik library to build all kinds of forms, from [continue]
This article covers how to capture text input and input via other form elements like input, textarea, and option. Working with them is paramount to web development, because they allow our applications to receive data (e.g. text) and actions (e.g. clicks) from users. [continue]
In this video, Jason Rosso dives into the differences between client side and server side rendering, the processes of each, and cases in which one will may be beneficial over the other. Jason also discusses how both may be possible within the popular while using React, and an exciting new framework that [continue]
Tinder recently swiped right on the web. Their new responsive Progressive Web App — Tinder Online — is available to 100% of users on desktop and mobile, employing techniques for JavaScript performance optimization, Service Workers for network resilience and Push Notifications for chat engagement. Today [continue]
React provides a slew of lifecycle methods that you can override and inject your own logic at the right place. In this tutorial you will learn about the lifecycle of a React component from cradle to grave, what methods are available at each stage, and when it is appropriate to override them. [continue]