Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
The Complete React and Next JS Bootcamp 2021
Rating: 4.6 out of 5(14 ratings)
116 students

The Complete React and Next JS Bootcamp 2021

Learn the complete React JS and the Production ready framework Next JS in a single course
Last updated 9/2021
English

What you'll learn

  • Build Single Page Front End Applications
  • Learn how components play a crucial role in React
  • Different types of components and their importance
  • React Hooks , useState and useEffect
  • Understanding the difference between Client side rendering and Server side rendering
  • Creating API's with Next JS without the knowledge of Node JS
  • Build Hands on Projects to understand the concepts clearly

Course content

28 sections91 lectures14h 33m total length
  • Promo8:24

Requirements

  • Java script Basics

Description

React is a free and open-source front-end JavaScript library for building user interfaces or UI components. It is maintained by Facebook and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.

Next.js is an open-source development framework built on top of Node.js enabling React-based web applications functionalities such as server-side rendering and generating static websites.

Topics you gonna cover in this course.

  • React Introduction

  • How To Create a new React Application

  • Components and Different types of Components

  • Components Structure and Life Cycle

  • How to handle events in React

  • Applying styles to React JS Components

  • React Hooks

  • Forms and Form Submissions

  • Routing in React

  • Controlling one component from another Component with the help of Context-API

  • Connecting React Applications to Back-End and build complete full-stack Applications

  • React vs Next

  • Creating Single Page Applications

  • Client-Side Rendering

  • Server-Side Rendering

  • Creating Layouts

  • Create REST API's without Node, Express

  • Routing in Next JS

  • Connecting Databases (Mongo DB) to NEXT JS

  • Performing API requests with Postman to Next API's

  • CSS Modules in Next JS

  • 3 Live and Hands-On Projects

  • Deploying Next App to Vercel

  • Q/A Support

  • By the end of this course, you will know how to create a full-stack web application with NEXT JS.

React allows you to build things the way you want and is supported by a strong community. Next. js makes your life easier with several tools and conventions available out of the box, and it is also supported by a very active open source community. In terms of tooling, both React and Next.

Who this course is for:

  • Javascript Developers
  • Fullstack Developers
  • Front End Developers