React and Next.js: Different ways of creating React Apps

React and Next.js: Different ways of creating React Apps

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 6 Hours | 2.33 GB

React, Next.js, Redux, Typescript, React Hooks, c3.js, Upload Images, Export CSV files

Learn how to create 3 different apps with React and Next.js.

The first app will be an Admin app using React with classes. The second app will be an Influencer app using React Hooks. The third app will be the Checkout using Next.js.

In this tutorial you will learn:

  • Create a React project with Typescript
  • Create a Next.js project with Typescript
  • Use Docker
  • Use Redux
  • Use React Hooks
  • Create public and private routes
  • Restrict routes for unauthorised users
  • Upload Images
  • Export CSV’s
  • Build a chart with c3.js (part of d3.js)

If these are what you are looking for then this course is for you.

What you’ll learn

  • Use React with Typescript
  • Use Next js with Typescript
  • Use React Hooks
  • Redux
  • Docker
  • c3 charts
  • Upload Images
  • Export CSV Files
  • Pay with Stripe
Table of Contents

Introduction
1 Introduction

Admin
2 Installation
3 Docker
4 Template
5 Components
6 Router
7 Child Props
8 Register Form
9 Async Await Calls
10 Redirecting
11 Login
12 Logout
13 Users
14 Role
15 Link and NavLink
16 Pagination
17 Deleting Users
18 Creating Users
19 Prefilling User Data
20 Updating Users
21 Roles
22 Creating Roles
23 Updating Roles
24 Products
25 Paginator Component
26 Deleter Component
27 Creating Products
28 Uploading Images
29 Image Component
30 Updating Products
31 Orders
32 Order Items
33 Export CSV
34 Chart
35 Profile
36 Updating Profile
37 Redux
38 Connect Redux with Components
39 Typescript Getters
40 Permissions

Influencer
41 Admin Changes
42 Setup
43 Components
44 Router
45 Redux
46 useEffect
47 Nav Component
48 Header Component
49 Main Component
50 Rankings
51 Stats
52 Selecting Products
53 Generating Links

Next.js Checkout
54 Setup
55 Template
56 Route Query Params
57 Getting Data
58 Order Total
59 Stripe
60 Success and Error Pages