Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Hands-On React Bootcamp: Build 30 Real World Projects

via Udemy

Overview

Learn React Programming: Develop Web Applications Using Socket, REST APIs, Firebase, React Hooks, Bootstrap, React.js

What you'll learn:
  • Learn To Create Real World React Projects
  • Learn how to create React Components, React Forms
  • Learn and understand what is React and how it works
  • See the step-by-step process of designing and assembling an advanced project
  • Manage a projects using a package-based architecture
  • Create portfolio of real- world projects on one of the most in-demand web development technologies

React uses declarative instead of imperative syntax. It’s a simpler way of developing apps, and you can learn why here.

Basically, React is faster to develop with because you don’t need to tell the app how to represent the state — you just need to say what you’d like to happen. It’s quick, it’s easy, and there’s less room for human error.

You may have heard of the phrase “Write once, run anywhere” before. React Native brings that kind of philosophy to React with “Learn once, write anywhere”.

Once you understand the basic architecture and thinking behind React, you’ll be able to develop fully functioning apps for both Android and iOS. You won’t have to learn two different ways to represent your app. So after you learn React, you can bring your new product to users not just as quickly as possible, but as widely as possible.

React has a massive community of dedicated developers. The community helps to maintain and grow the open-source library, with everyone able to contribute their own components to the library.

The community is also so strong because of the great tools you can work with in React, including React Profiler and React devtools.

React saves you time and money on development because it’s component-based. You can break down an interface into reusable components that allow you to build dynamic user interfaces.

This taps into the current thinking behind ‘Design Systems’. These enable developers to provide a single source of truth for designers, ensuring consistency for large companies working across multiple tech platforms.

Syllabus

  • Introduction To The Course
  • Project-1 : E-Commerce (Amazon Clone) - React, React-Context-Api, Firebase
  • Project-2 : Chat Application - React, React Chatengine, Socket, Rest Apis
  • Project-3 : Movies Application (OTT) - React, Omdb Api, React Hooks, Bootstrap
  • Project-4 : Video Sharing Website - React, Youtube Api, Material-Ui, Axios
  • Project-5 : Todolist Website - React, Material-Ui, React Hooks, State Manageme
  • Project-6 : Blog Website - React, Material-Ui, React Hooks, State Management,
  • Project-7 : Social Networking Website - Material-Ui, React Hooks, State Manage
  • Project-8 : Resume Website (Portfolio) - React, Material-Ui, React Hooks, Stat
  • Project-9 : A React Router Demo Application made with ReactJs -React Js , NPM
  • Project-10 : A Book Shelf Application made with React- React Js , NPM , CSS ,
  • Project-11 : A Note Taking Application Made with React and Redux-React Js , NP
  • Project-12 : A React Contact Register Application-React Js , NPM , CSS , State
  • Project-13 : A Spend Money App made with React-React Js , NPM , CSS , State Ma
  • Project-14 : A Resort Booking Application made with React-React Js , NPM , CSS
  • Project-15 : A Body Mass Index Calculator made with React-React Js , NPM , CSS
  • Project-16 : A Furniture Store made with React and Redux-React Js , NPM , CSS
  • Project-17 : A Scoreboard Application made with ReactJS-React Js , NPM , CSS ,
  • Project-18 : Meta Tag Generator Application made with React-React Js , NPM , C
  • Project-19 : Food Ordering Web Application - React.Js, Material-Ui, React Rout
  • Project-20 : Weather Web Application Using Api - React.Js, Open Weather Api, C
  • Project-21 : Food Recipe Application - React.Js, Edamam Api, Firebase For Host
  • Project-22 : My Cart Application - React.Js, React-Hooks, External Api, Css
  • Project-23 : Cafe Menu Application - React.Js, React-Hooks , Firebase, Css
  • Project-24 : Cocktail Hub Web Application - React.Js, React-Hooks, External Ap
  • Project-25 : Review Posting Application - React.Js, Material-Ui, Css, Nanoid
  • Project-26 : Pomodoro Application - React.Js, React Countdown Timer Npm Packag
  • Project-27 : Google Search Application Using Api - React.Js, Tailwind Css, Goo
  • Project-28 : Tic-Tac-Toe game with React js
  • Project-29 : Word and letter counter apllication using react js, including use
  • Project-30 : Currency converter using React js

Taught by

Sufa Digital | 16,000+ Enrollments Worldwide

Reviews

4.6 rating at Udemy based on 196 ratings

Start your review of Hands-On React Bootcamp: Build 30 Real World Projects

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.