Monday, 18 November, 2019 UTC


Summary

sponsor
The Hands-on Guide to Learning React Hooks
This guide serves as an exhaustive resource on the built-in Hooks that are now part of React. Read all about them as we comprehensively cover: State and Effects, Context, Reducers, and Custom React Hooks. Start learning today.
react
Build your own React
We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features.
React Adaptive Loading Hooks & Utilities
Make it easier to target low-end devices while progressively adding high-end-only features on top. Using these hooks and utilities can help you give users a great experience best suited to their device and network constraints.
React Interactive Paycard
Inspired from a vue project vue-interactive-paycard, I decided to recreate the same on React as a part time fun project. I did some minor changes on the animations and optimizations on the code. A fantastic credit card form with smooth and sweet micro-interactions. Includes number formatting, validation and automatic card type detection. Built with reactjs and also fully responsive.
Making instagram.com faster: Code size and execution optimizations
In recent years instagram.com has seen a lot of changes — we’ve launched stories, filters, creation tools, notifications, and direct messaging as well as a myriad of other features and enhancements. However, as the product grew, a side effect was that our web performance began to slow.
How to test React-Redux hooks via Jest
I love the new hooks from redux-react. It simplify things a lot. Let’s see how to test it. TBH, the solutions can be applied to any react hooks.