Training: Bouw apps met React

Familiarize yourself with the React library for component-driven development and the basic principles involved in creating React applications. Explore the virtual DOM, as well as how to create a simple static HTML page, nest elements, use the Babel compiler, and work with JSX.

Explore the basics of working with React components, including rendering elements, smart rendering, and building simple and multiple components. Discover how to prototype React applications using online playgrounds, including CodePen, CodeSandBox, and Glitch.

• Explore the basics of props and state, including similarities

• and differences. Discover how to work with props, use expressions,
• transfer props manually and using the spread operator. Examine
• dynamic types with props, default props, validating props, and
• accessing children using props. In addition, updating state, using
• event handlers with state, and accessing a component's previous
• state are covered.

Examine the basics of events and event handling in React, including synthetic events, the React component lifecycle, DOM reconciliation, and preventing default event handling. Explore how to toggle state with a component, various component phases, performance optimization, and applying error boundaries.

• Explore the basics of controlled components and uncontrolled

• components. Discover how to use controlled components for
• multi-input forms, create single event handlers for multiple
• inputs, and use form elements as individual components. Examine how
• to test a form on a web browser, perform client-side validation,
• validate form input, use uncontrolled components for form data, and
• handle file inputs in forms.

• Discover advanced React features such as lists and keys,

• including lists without keys, unique keys for lists, and correct
• key usage. Examine conditional rendering of components using
• conditional if, variables, and inline logical operators. Explore
• local state and its disadvantages, how to lift state up the
• component tree, and how to code reuse using composition.

• Discover how you can build React applications working in the
• development and the production environments. Examine how to add
• state to an application and add and delete comments. Explore React
• Develop Tools, including how to use them to explore the component
• tree and profile applications. Creating, exploring files in, and
• serving a production build is also covered.