Guides

The missing instruction manuals of the web.

Introduction to Micro Frontends with Module Federation, React and TypescriptMigrating CRA to Micro Frontends with Single SPA

Migrating CRA to Micro Frontends with Single SPA

In this article we will explore how to covert our existing CRA(Create React App) into Micro Frontends with Single SPA

Handling Logged-in User in React/Firebase App

Handling Logged-in User in React/Firebase App

Best way to handle logged-in users in the Firebase/React app is to use custom hook and a context api built with Typescript.

Introduction to Custom Hooks

Introduction to Custom Hooks

In this article we will learn how to setup our first custom hook. We will convert axios into re-usable hook with typescript and generics.

Testing a React/Redux Toolkit app with Typescript

Testing a React/Redux Toolkit app with Typescript

In this article we will test our React/Redux Toolkit app. Testing specifically slices and component that connected to react with Typescript and React Router.

Up & Running with React, Redux Toolkit, Typescript and React Router

Up & Running with React, Redux Toolkit, Typescript and React Router

All React apps need a state management library such as Redux Toolkit and type-safety with Typescript. Today we will learn how to use them together.

Speeding Up Your Website

Speeding Up Your Website

Techniques to speed up your website and improve the user experience that specifically aiming to React and Next.js sites. We'll discuss things like bundles, fonts, unicode-ranges, webpack.

Build a Custom React Router From Scratch

Build a Custom React Router From Scratch

Have you ever wondered how react router works under the hood? If that's the case best way to explore is to build a custom react router from scratch.

How to Setup a Bulletproof Next.js Project with Typescript, ESLint, Prettier, Babel and Husky

How to Setup a Bulletproof Next.js Project with Typescript, ESLint, Prettier, Babel and Husky

In order to make your Next.js project robust and maintainable, you should be using ESLint, Typescript, Husky and Prettier.

Test your React components and APIs with React Testing Library, Jest, Typescript, and Axios

Test your React components and APIs with React Testing Library, Jest, Typescript, and Axios

Testing our UI components and API requests, using React Testing Library, Jest and Ts-Jest. And, of course, we`ll be using Typescript. Axios, RTL, Typescript

React Crash Course: Building React App using Hooks, Mobx, Typescript and much more

React Crash Course: Building React App using Hooks, Mobx, Typescript and much more

Introduction Today we will be building Note taking app using React. Tagged with react, tutorial, typescript, javascript.