React.js Programming Course

Uplatz offers this comprehensive course on React. It is a self-paced course with video lectures. You will be awarded Course Completion Certificate at the end of the course.

React.js is a frontend library or open-source JavaScript Library basically used for building user interfaces. It can be used as a base of single-page applications or mobile applications in the development.

With this React.js course you'll be able to know how React.js helps in handling the veiw layer for web and mobile applications.

Also, it allows developer in breaking down the complex UI in easier components , instead of working on the entire application.

Certificate of completion

Digital certificate - Included

Reed courses certificate of completion

Digital certificate - Included

• ReactJS - all lectures 15:37:16

  • 1: Introduction to ReactJS 33:14
  • 2: Installation, Node.js, Webpack, Create React App, Creating Reusable Components Preview 15:38
  • 3: Props, State, Components 59:53
  • 4: ReactJS component written in TypeScript, Life-cycle Method, Installation of Yarn 1:14:22
  • 5: JSX, state of Things, PropTypes, Collection Types 1:08:13
  • 6: React wth & w/o ES6, React Classes, ES7 Property Initializers, ES6 Workflow JSPM 1:20:00
  • 7: Workflow with Webpack, Passing Data b/w React Components, Pure Components 1:11:52
  • 8: User Interaction, Input Events, Controlled vs. Uncontrolled, Styling Libraries 1:00:23
  • 9: Repeating Elements, react-starter project, Fetching Remote Data, Data-Driven 1:06:27
  • 10: Selectors, Each Function, Attributes, document-ready Event, Events 1:03:31
  • 11: Events, DOM Manipulation, DOM Traversing, CSS Manipulation 55:27
  • 12: Element Visibility, Append, Prepend, jQuery Deferred Objects and Promises, AJAX 33:17
  • 13: Ajax File Uploads, Creating and Filling the Form Data, Promises, Fetching Data 57:39
  • 14: Client-side Routing, React Routing, Static & Dynamic Routing, babel Environment 51:30
  • 15: React.createClass vs extends React.Component, React AJAX call, Stateless Fn Comp 20:46
  • 16: Flux, Redux, Redux Middleware, Redux Actions 54:36
  • 17: Performance, Using Enzyme, Setting up React Environment, JavaScript Expressions 36:32
  • 18: ReactJS Interview Questions & Answers 33:56

React.jsSyllabus

Course Objectives:

• React is a declarative, efficient, and flexible JavaScript library for building Web Applications.
• It follows component-based approach.
• Easy to create smaller components and build large-scale applications.
• The main goal is to build large-scale high-performance applications with smaller and reusable stateful components.
• The main objective of React Training is to create smaller components to build Interactive User interfaces..

Introduction

• What is ReactJS?
• Installation or Setup
• Hello World with Stateless Functions
• Absolute Basics of Creating Reusable Components
• Create React App
• Hello World
• Hello World Component

Components

• Creating Components
• Basic Componeents
• Nesting Components
• Props
• Component states - Dynamic user-interface
• Variations of Stateless Functional Components
• setState pitfalls

Using ReactJS with TypeScript

• ReactJS component written in TypeScript
• Installation and Setup
• Stateless React Components in TypeScript
• Stateless and property-less Components

State in React

• Basic State
• Common Antipattern
• setState()
• State, Events And Managed Controls

Props in React

• Introduction
• Default props
• PropTypes
• Passing down props using spread operator
• children and component composition
• Detecting the type of Children components

React Component Lifecycle

• Component Creation
• Component Removal
• Component Update
• Lifecycle method call in different states
• React Component Container

Forms and User Input

• Controlled Components
• Uncontrolled Components

React AJAX call

• HTTP GET request
• HTTP GET request and looping through data
• Ajax in React without a third party library - a.k.a with Vanilla

Communication Between Components

• Child to Parent Components
• Not-related Components
• Parent to Child Components

Stateless Functional Components

• Stateless Functional Component

Performance

• Performance measurement with ReactJS
• React's diffs algorithm
• The Basics - HTML DOM vs Virtual DOM.

Introduction to Server-Side Rendering

• Rendering components

Setting Up React Environment

• Simple React Component
• Install all dependencies
• Configure webpack
• Configure babe
• HTML file to use react component
• Transpile and bundle your component

Using React with Flow

• Using Flow to check prop types of stateless functional components
• Using Flow to check prop types

JSX

• Props in JSX
• Children in JSX

Keys in react

• Using the id of an element
• Using the array index

Higher Order Components

• Higher Order Component that checks for authentication
• Simple Higher Order Component

React with Redux

• Using Connect.

Everyone

Passion and determination to achieve your goals!

• ReactJS developer
• React Native Developer
• Web Developer
• Senior Web Developer
• Full Stack Web Developer
• Frond-end Web Developer
• Application Developer
• Software Engineer
• Software Developer

Currently there are no Q&As for this course. Be the first to ask a question.