Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
React JS with TypeScript Crash Course 2022
Rating: 4.4 out of 5(415 ratings)
18,329 students

React JS with TypeScript Crash Course 2022

A Practical Guide on React JS with TypeScript
Created byNAVEEN SAGGAM
Last updated 2/2022
English
English [Auto],

What you'll learn

  • This will give a practical knowledge on React JS with TypeScript
  • It makes you a better understanding of React JS applications.
  • You will be able to develop new applications or projects using React JS with TypeScript
  • This course will gives you a confidence in attending interviews in React JS and also developing your own React JS applications

Course content

1 section • 10 lectures • 1h 51m total length

  • Project Creation on React JS1:54

    Create a React app using create-react-app, defaulting to JavaScript; to use TypeScript, run with --template typescript; ensure a stable internet connection as resources download, then see the generated project.

  • Bootstrap setup to React JS applications8:47

    Configure bootstrap in a React TypeScript project by installing bootstrap, font awesome, and Google fonts, then apply container, grid, and button styles with icons.

  • Props Concept in Functional and Class Components16:39

    Learn how to type and pass props in React using TypeScript, covering functional and class components, interface-based props, and optional properties.

  • State Concept in Functional and Class Components9:20

    Learn to declare and manage state in functional and class components with TypeScript, using useState and this.state with proper props and state typing.

  • Events Handling in React JS with TypeScript14:01

    Learn to implement event handling in React with TypeScript by building a counter in a functional component, managing state, and passing parameters to onClick in a greetings component.

  • Form Handling in React JS10:58

    Learn how to build a login form in React with TypeScript, binding a user object to state, updating it with onChange, and submitting with preventDefault to log data.

  • List Rendering in React JS11:24

    Explores rendering a list of users in React with TypeScript by defining a user model, managing state, and mapping to a table, with a data service for fetching from server.

  • Server Connection with Axios15:00

    Connect a React TypeScript app to a backend with axios and fetch users via a get request. Generate TypeScript models from JSON data and implement a user service.

  • React Routing23:21

    Install react-router-dom and configure routes for home, about, user lists, and user details with dynamic user id and a not found page.

  • Source Code0:01

Requirements

  • Basic HTML , CSS are Required to start learning React JS
  • Bootstrap knowledge is an added advantage to learn this course
  • Basic programming knowledge in JavaScript language is required
  • Basic React JS knowledge is required

Description

This course will explain the React JS with TypeScript. This course will help the beginners and professionals to gain practical knowledge to clear interviews and also to survive in the software development as an  React JS developer.

Myself NAVEEN SAGGAM , I am the owner of UiBrains Technologies YouTube channel. This course is designed to help you in learning the complete JavaScript programming language. This course suits to both the beginners & professionals. This course is unique and it contains each concept with a practical example to make understand in a better manner and this will also provides you a hands on experience. All the concepts explained here are by me are the best of my knowledge and experience in the subject.

This course is a quick jumpstart on the most popular JavaScript framework called React JS with TypeScript. This course will boost your interest in learning React JS with fun and interesting examples on each topic which will improve your confidence in React JS application development. This will also provides a hands on experience on React JS.

This Course will cover the following concepts of React JS.

1. Introduction to React JS with TypeScript.

2. How to Create a project with React & TypeScript

3. Folder structure & Control flow with React JS

4. Configure CSS styles with React JS

5. How to configure Bootstrap , Font Awesome Icons , Google fonts with React JS

6. Props Concept with React JS Functional components & Class based components.

7. State Concept with React JS Functional components & Class based components.

8. How events handling works in React JS applications.

9. How Form handling works in React JS.

10. How conditionally render the content on React JS

11. How to render and iterate the list of items in React JS.

12. Server Connection with React JS application and API calls using Axios.

13. How Routing works in React JS with TypeScript.


Who this course is for:

  • An absolute beginners and professionals who wants know React JS with TypeScript
  • Everyone who is just curious to learn a popular JavaScript Library called React JS with TypeScript

Report abuse