• Post category:StudyBullet-13
  • Reading time:4 mins read

The foundation on starting a solid React app!

What you will learn

Learn React and ViteJs

Learn to build a MVP

Create a quick POC (proof of concept)

Learn how to code a basic JavaScript application


Through this course, you will learn how to build powerful and responsive web applications using the latest React technology, while leveraging the power of Vite to streamline your development process.
Whether you’re a beginner or an experienced developer looking to take your skills to the next level, this course has something for you.
In fact, this course covers everything you need to know to start building your own React projects from scratch.

You will learn how to set up a Vite environment and use it to develop and deploy a simple React application, as well as how to work with components and UI additions with Chakra.

With a focus on best practices and real-world examples, this course will give you the skills and knowledge you need to build high-performance React applications with Vite.

Get Instant Notification of New Courses on our Telegram channel.

You will learn the basics of React, including JSX, components, and state management, as well as the Vite development environment, which allows for fast and efficient development with React.

With hands-on coding exercises, real-world projects, and expert instruction, you’ll be ready to build powerful, responsive web apps with React and Vite.

Start learning the fundamental knowledge today to becoming an amazing React developer in the near future!




2 – Where to work on – What to install
3 – Setup our project with Vite

Extra – Customize your shell

Setup p10k on your terminal

Let’s start our project

5 – Open our project in WebStorm
6 – Let’s start coding in React!
7 – Store counting in a local storage
8 – Commit your changes
9 – Setup your SSH key

Adding UI styles

10 – Let’s play with Styled Components
11 – Adding Chakra UI library