React course overview
This course explains how to use React to create front-end applications. After completing our React training course you will be able to create React based web user interfaces.
Few practical React based projects at the end of the course will ensure that you can apply React on your web projects.
This short React course is hands-on, instructor-led and classroom based. This training can be taken as a part-time evening course or even on the weekends. A list of all upcoming public React training courses is given on training dragon website.
Who is React training for?
This course is for you if you are interested in using React on your projects and applications.
Prerequisites for React course
If you are a beginner, please consider following this path:
- Web design course
- Introduction to programming course
- Advanced HTML5 & CSS3
- React course
- Node.JS, Express & MongoDB course
What will I get?
- Training from professional React developers:
Training Dragon consultants have been implementing professional React solutions across a wide range of projects. Those consultants write and teach our React training courses, so their experience directly informs course content.
- Real-time Practice and Projects:
Our React projects are designed to get you started in React. We work on industry related projects in this React course.
- Course Material:
React electronic notes are included in this course.
- Course Completion Certificate:
After completing this training your will receive an React course completion certificate.
- Support and Careers Advice:
After the course if you have any problems or questions regarding React do not hesitate to contact us. Training Dragon’s trainers are expert in their fields and if you need any help with you career choice, please speak to one of our trainers.
View Complete Course outline
React Course Contents
Before we start
- lightening fast intro to needed ES6+ concepts
- let vs const
- arrow functions
- destructuring objects and arrays
- importing and exporting modules
- rest vs spread operators
- Async / Await (ES8)
- what is ReactJs and why you should use it
- big picture
- tools, webpack, create-react app
- React inspector
- starter code
- ReactDom, what is it, how we get it and how we use it
- what is JSX and how to use it
- creating HTML with JSX and React.Fragment
- virtual DOM
- what is a component
- stateless functional components
- class based components
- creating components
- keeping components isolated
- exporting components
- parent and child components
React and CSS
- coupling css and components
- importing css
Working with multiple components
- single page applications
- planning layouts with components
- presentational vs container components
- communication between components
- the State object
- passing data through Props
- importing external helpers in components
- using react-router
- using BrowserRouter, Route, Switch from react-router-dom
React Events and Lifecycle Events
- events in React
- handling events in React
- THIS binding
- handling Forms in React
State Object - part II
- deeper understanding of state object
- loading data into State with onClick event
- displaying State with JSX
- updating State
- removing items from State
- persisting State
- bidirectional data flow and live editing of State
React components Animations
- react-transition-group, TransitionGroup, CSSTransition
- validating data using PropTypes
Building React and Deployment
- building for production
- build script
- deploying to NOW
- deploying to Apache
React project React
- Build a project using React