React Essentials with Typescript: A Practical Guide

React Typescript, React Hooks, Redux, React Animations, Upload Images, Export CSV files

3.55 (37 reviews)
Udemy
platform
English
language
Web Development
category
instructor
244
students
7.5 hours
content
Feb 2021
last update
$49.99
regular price

What you will learn

Use React with Typescript

Redux

Docker

c3 charts

Upload Images

Export CSV files

Description

Hello and welcome to this course, in this course you will learn how to create an Admin App using React with Typescript.

In this tutorial you will learn: 

  • Create a React project with Typescript

  • Use Docker

  • Use React Hooks

  • Use Redux

  • Create public and private routes

  • React Animations

  • Upload Images

  • Export CSV's

  • Build a chart with c3.js (part of d3.js)

I'm a FullStack Developer with 10+ years of experience. I'm obsessed with clean code and I try my best that my courses have the cleanest code possible.

My teaching style is very straightforward, I will not waste too much time explaining all the ways you can create something or other unnecessary information to increase the length of my lectures. If you want to learn things rapidly then this course is for you.

I also update my courses regularly over time because I don't want them to get outdated. So you can expect more content over time from just one course with better video and audio quality.

If you have any coding problems I will offer my support within 12 hours when you post the question. I'm very active when trying to help my students.

So what are you waiting for, give this course a try and you won't get disappointed.

Content

Introduction

Introduction

React

Installation
Docker
Template
Components
Router
Child Props
Register Form
Async Await Calls
Redirecting
Login
Logout
Users
Role
Link and NavLink
Pagination
Deleting Users
Creating Users
Prefilling User Data
Updating Users
Roles
Creating Roles
Updating Roles
Products
Paginator Component
Deleter Component
Creating Products
Uploading Images
Image Component
Updating Products
Orders
Order Items
Export CSV
Chart
Profile
Updating Profile
Redux
Connect Redux with Components
Typescript Getters
Permissions
Conclusion

Screenshots

React Essentials with Typescript: A Practical Guide - Screenshot_01React Essentials with Typescript: A Practical Guide - Screenshot_02React Essentials with Typescript: A Practical Guide - Screenshot_03React Essentials with Typescript: A Practical Guide - Screenshot_04

Reviews

Bryan
February 13, 2023
The course hasn't aged well. I had to do some custom work to get the docker compose file to work with my M1 mac, and it's hard to follow along with where to copy paste things from bootstrap and other places online, because their code has changed. In other courses I've seen people just give you all the necessary stuff to get going. Or if you want to skip a section, they'll give you the repo as of lesson 3, so you don't have to do lesson 1 & 2 to follow along. It's pretty tedious so far and I'm not learning anything yet
Ganesh
April 20, 2022
I should have found this course sooner! Really well made course and trainer explains everything very well. If you want a good react tutorial using typescript that doesn’t waste your time this is highly recommended!
Christian
February 16, 2021
This course *barely* uses TypeScript and when it does the concepts are not explained at all. I thought this would be a much more TS-focused course than it was but really it's just another CRUD app with the occasional (props: any) thrown in.

Charts

Price

React Essentials with Typescript: A Practical Guide - Price chart

Rating

React Essentials with Typescript: A Practical Guide - Ratings chart

Enrollment distribution

React Essentials with Typescript: A Practical Guide - Distribution chart
3469978
udemy ID
9/2/2020
course created date
9/16/2020
course indexed date
Bot
course submited by