This essay attempts to make Conal’s vision more understandable to less mathematically-oriented programmers, and also show how this perspective could be the foundation for a new era of programming, not just with user interfaces, but also multi-node computing, storage, machine learning, etc.
Learn about side effects and how to avoid them, how to wield immutablity to update objects and arrays in Redux reducers, and the easy way to update state with Immer.
Redux and React Redux explained as simply and as clearly as possible both through theory and examples. Learn about actions, reducers, store, connect, mapStateToProps, mapDispatchToProps and more!
In certain cases, useMemo is irrelevant, overused, and likely harmful to the performance of your application. Learn these situations and how to avoid them.
Since the React hooks API was introduced, a lot of questions have risen about whether or not React hooks will replace Redux. In my view, there is little overlap between hooks and Redux. Hooks didn’t…
React.memo() increases the performance of pure functional components by preventing useless re-renders. But such performance tweaks must be applied wisely.
Redux-Observable is a middleware for Redux which handles cancellation and many other asynchronous side effects by using reactive programming. … RxJS and Most.js are two libraries for reactive programming with which you can handle streams of actions in different ways. … In the following examples, Most.js will be used.
Immutability is changing - time for an exploration of why Immer is a philosophical fit with React! Why has Immer gained so much love this year, and does it have staying power?
Modals, there are a thousand ways of implementing them, but the biggest challenge is to keep them simple and flexible. Let’s do that with React Hooks and Portals!
React Hooks API is officially released in React 16.8.In this post, we focus especially on useReducer by introducing various use cases. Before continuing reading this tutorial, please read the…
Application that will help you learn React fundamentals. Install this application locally - there's tutorial, code snippets and exercises. The main objective of this project is to help you get off the ground with React! - tyroprogrammer/learn-react-app
Everyone had something to say about React Hooks when it was introduced last month. But I didn’t see anyone say we can stop using Render Props. So I’ll say it. We can stop using Render Props.
A tutorial on how to use RxJS in React for state management. It shows how to implement a Rx.js higher-order component (hoc) that takes over the observable streams ...
I’ve seen React misunderstood by smart people more often than any other JavaScript library. React is packed with ideas that were radical at the time of its introduction. This created an air of…
Build website interactions and animations visually — without writing code. Add parallax scrolling effects, mouse based motion, and multi-step animations without learning CSS and JavaScript.
glamorous is React component styling solved with an elegant (inspired) API, small footprint (<5kb gzipped), and great performance (via glamor). It has a very similar API to styled-components and uses similar tools under the hood (glamor).
React is incredible because it allows you to build your UI using a declarative API. You tell React what you want the interface to look like, and it handles the rest. As users interact with the…
Welcome to Part 12 of this comprehensive review and summary of Cory House's Pluralsight course Building Applications with React and Redux in ES6. Cory is a Microsoft MVP in C#, founder of OutlierDeveloper.com, avid tech reader, and speaker. He believes in clean code, pragmatic development, and responsive native UIs. Also in this series: Part 1 -…
Components can be tested with snapshot testing. Tools like Jest (often combined with Enzyme) that offer this functionality take a ‘snapshot’ of what your component renders — everything from divs…
We will be building a user authentication in a single page application with Node, React, Redux and Koa combined with Passport. We will implement local authentication, where users can log in using an email and passport, and authentication with Facebook, which can be used with other social networks and OAuth providers.
In this article we will take an in-depth look at the differences and similarities between Marko and React from the perspective of the maintainers of Marko. Example • Similarities • Differences Syntax…