jQuery Web Development

Modules

Hide all

Introduction to ReactJS (3 topics)

• What is ReactJS
• What does ReactJS do
• ReactJS, the DOM and the VirtualDOM

ReactJS Projects (4 topics)

• Project Fundamentals
• The react and react-dom packages
• Babel and Webpack
• Other project files

Components and JSX (3 topics)

• Components
• JSX and how to modify a project to use JSX
• Chrome React Developer tools

Using props and state (5 topics)

• props - description, use, typing and validation
• state - description, use, setting and changing
• Passing state through props
• Functional components
• Lifting up state

Component Lifecycles (3 topics)

• Lifecycle Methods: Mouting, Updating and Unmounting
• ReactJS and the DOM
• ReactDOM methods

Forms, Events and Refs (5 topics)

• Controlled components
• How are Events controlled
• What are Refs
• Uncontrolled components
• Forms as child components

Working with Datasets (4 topics)

• Collecting data from forms
• Data sources
• Arrays/Iterators and Keys
• Sub-Components

Composition vs Inheritance (2 topics)

• Composition and the use of containment and specialisation
• Inheritance use in ReactJS

Single Page Applications (4 topics)

• Single Page Applications and React Router
• Defining and Lining to Routes
• Displaying Route Content
• Params and Nesting

Thinking in React (1 topic)

• Facebook's 'Thinking in React' Philosophy

Working with other Libraries (2 topics)

• Using Flux and Redux with React
• ReactJS as the V part for Angular and other frameworks