Build with React

Welcome to the "Build with React" series, hosted by IndGeek and Soumya, on YouTube. In this series, you'll embark on a journey of creating medium to hard-level React components from scratch without relying on any external packages. From pagination to drag-and-drop upload, from debounce functionality to calender heatmaps, you'll learn how to implement these features step by step, gaining valuable insights into React development along the way.

This series is currently is in it's phase 1, with appropriate positive response we'll move to next phase

Features

This series covers a wide range of React components, including but not limited to:

• Pagination
• Debounce functionality
• Heatmaps
• Skeleton loading
• Drag-and-drop upload
• Lottie animations
• Smart Searchbox implementation
• And much more!

Each video in the series focuses on building a specific component, guiding you through the process with clear explanations and practical examples. By the end of the series, you'll have a solid understanding of React and the ability to create complex components from scratch with confidence.

Getting started

First clone the repository to your machine

git clone https://github.com/indgeek/build-with-react bwr-code

Then, enter the directory using:

cd bwr-code

Install the packages using:

npm i

Finally, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.