2016-React Patterns: Patterns for React Developers
2017-10 React mini-patterns: Over the last few years, I’ve worked on a handful of decent-sized React projects, and many, many pint-sized ones. Throughout this magical journey, a number of patterns have come up that I find myself repeating again and again.
2018-Evolving Patterns in React: Let’s take a closer look at some of the patterns that are emerging in the React ecosystem. These patterns improve readability, code clarity, and push your code towards composition and reusability.
2017-Functional setState is the future of React: Declare state changes separately from the component classes.
Rendering a function with React: How I tricked React into rendering a function (not call it… render it)
2017-Container Components: One React pattern that’s had the impact on my code is the container component pattern.
2017-Why you should keep your react components pure by using HOCs: In this article I show how decomposing state from the presentational layer can both reduce complexity and promote code re-use with some React examples— a win-win situation helping to tame the challenges of developing SPAs. Although I’m using React, the lessons are universal and can apply to any framework.
2017-Understanding Higher Order Components: Making sense of the rapidly changing React best practice.
2018-hocs #Project#: A collection of Higher-Order Components for React and React Native.
2016-Why The Hipsters Recompose Everything: Building a Utility Library for React
2017-Higher Order Components with Functional Patterns Using Recompose: In this course, you will learn to use many of the most powerful and convenient higher-order components within Recompose by coding several real-world examples. Using recompose looks very different from “vanilla” React; so you will also get comfortable with the look and feel of a “recomposed” component. The best part is no more need for class components! You’ll learn how to use Recompose to both modify components and also create your own higher-order components.
2017-Top 5 Recompose HOCs: Today we’ll be going through my 5 (in no particular order) favorite Recompose Higher Order Components.
2017-Avoiding deeply nested component trees: By passing child components down instead of data you can avoid passing data down through many levels of components.
2017-8 Key React Component Decisions: Standardize your React development with these key decisions.
2017-How to structure components in React?: Structuring system is the hardest thing and it has a big impact on the overall project.
2017-Characteristics of an Ideal React Architecture: React is only the View; in essence: a thin view library with unidirectional data bindings and its own internal component life-cycle.
2019-Writing Resilient Components: There are important design principles that every component should strive to follow. But I don’t think style guides capture those principles well. We’ll talk about style guides first, and then look at the principles that really are useful.
2016-How to better organize your React applications?: I decided to spend some time to figure out what could be the best way to organize my future React projects.
2017-Testing React Applications #Series#：With React and the ecosystem of testing tools that have emerged around it, it’s finally possible to build robust, scalable tests that provide strong guarantees on code correctness.
2017-Jest Testing patterns in React-Redux applications: Jest provides a complete ecosystem for testing. There is no need of extra libraries - Mocha, Sinon, Istanbul, Chai, proxyquire etc. as all are present in Jest itself.
2018-End-to-end testing React apps with Puppeteer and Jest: In this tutorial, we’ll see how to write tests for a React app using Jest and Puppeteer.
2017-React Higher Order Components in TypeScript made simple: When refactoring a Higher-Order Component (HOC) in a TypeScript project at work, there was some confusion regarding how to write them properly.
2017-React Typescript by sample: The goal of this project is to provide a set of simple samples, providing and step by step guide to start working with React and Typescript.
2018-TypeScript and React using create-react-app: A step-by-step guide to setting up your first app.
2018-Ultimate React Component Patterns with Typescript 2.8: Stateful, Stateless, Default Props, Render Callbacks, Component Injection, Generic Components, High Order Components, Controlled Components.
2018-React & Redux in TypeScript - Static Typing Guide: The complete guide to static typing in "React & Redux" apps using TypeScript
2018-TypeScript and React #Series#: With that, TypeScript and React are a perfect fit. You will enjoy combining both technologies together to get huge productivity boost when writing your applications!
2017-React Redux Cheat Sheet on Workflow & Concept: This article contains a graphical cheat sheet for the workflow and concept of Redux.