Continuous integration for React applications using Jest and Enzyme
Posted on May 2, 2021, Level beginner Resource Length short
React pairs nicely with Redux, which enables managing the data that React needs to render interfaces. Redux offers a predictable way to structure and update the data in those frontend applications. In this tutorial, we will explore how to write tests for an existing React and Redux application. By Kevin Ndung'u.
Redux best practices for creating scalable API architectures
Posted on March 26, 2021, Level beginner Resource Length medium
We often get confused about fetching data and how to connect our frontend application with the backend and we always end up reading tonnes of articles. Stop fetching data in Redux actions. By Shrey Vijayvargiya.
Build a full-stack React app with zero configuration
Posted on February 3, 2021, Level intermediate Resource Length medium
Building a modern frontend application typically requires a lot of tooling. Think Babel, webpack, Parcel, Rollup etc. There's a reason module bundlers are so popular. By Ohans Emmanuel.
Developing Gatsby sites using Nx
Posted on January 7, 2021, Level beginner Resource Length medium
Nx is a suite of powerful, extensible dev tools that help you develop, test, build, and scale with React and React frameworks like Gatsby, Next.js, React Native, etc. Co-authored by Max Koretskyi, Victor Savkin & Juri Strumpflohner.
Client side architecture basics guide to testable flexible maintainable react
Posted on December 31, 2020, Level beginner Resource Length long
Though the tools we use to build client-side web apps have changed substantially over the years, the fundamental principles behind designing robust software have remained relatively the same. By Khalil Stemmler.
How to structure CSS classes
Posted on December 30, 2020, Level beginner Resource Length medium
A clean and arranged CSS structure is hard to maintain in growing projects. Therefore it is important to think about how you would like to structure your classes right from the start so that you don't lose control. But if you start searching for methodologies and techniques to organize your CSS, you will soon realize that there are many ways to reach your goal! By Anne Debora Zimmermann.
The last guide to the useEffect Hook you'll ever need
Posted on December 14, 2020, Level intermediate Resource Length medium
Understanding how the useEffect Hook works is one of the most important concepts for mastering React today. If you have been working with React for several years, it is especially crucial to understand how working with useEffect differs from working with the lifecycle methods of class-based components. In fact, it is a wholesale shift in mindset! By Sebastian Weber.
React Component Patterns
Posted on November 10, 2020, Level intermediate Resource Length long
This documentation will help identify the trade-offs of the different React patterns and when each pattern would be most appropriate. The following patterns will allow for more useful and reusable code by adhering to design principles like separation of concern, DRY, and code reuse. By Alexi Taylor.
How to create a great user experience with React, TypeScript, and React Testing Library
Posted on September 23, 2020, Level intermediate Resource Length long
This post is my attempt to illustrate a Proof of Concept (PoC) author built to try out some ideas. Primarily author wanted to understand more about how to create great product experiences. By TK.
Generating TypeScript types and React Hooks based on GraphQL endpoint
Posted on August 15, 2020, Level intermediate Resource Length short
Autogenerate Typescript types and custom React hooks in React applications with GraphQL Code Generator. Danilo Woznica.
How I created a coronavirus tracker app in just 3 days with Ionic and Firebase
Posted on June 8, 2020, Level intermediate Resource Length long
Kapil Raghuwanshi creted this tutorial for any fun of hybrid mobile apps. He is really fond of Hybrid App technologies -- they help us achieve so much in a single codebase. Using the Ionic Framework, author developed a cross-platform mobile solution for tracking Coronavirus cases in just 3 days.
Learn React Hook by building a simple blog app
Posted on April 16, 2020, Level beginner Resource Length long