React JavaScript Programming
Startdata en plaatsen
placeRotterdam of Virtueel 22 mrt. 2021 tot 26 mrt. 2021 |
placeVianen of Virtueel 6 apr. 2021 tot 9 apr. 2021 |
placeEindhoven of Virtueel 26 apr. 2021 tot 30 apr. 2021 |
placeRotterdam of Virtueel 26 apr. 2021 tot 30 apr. 2021 |
placeVianen of Virtueel 10 mei. 2021 tot 14 mei. 2021 |
placeRotterdam of Virtueel 17 mei. 2021 tot 21 mei. 2021 |
placeVianen of Virtueel 24 mei. 2021 tot 28 mei. 2021 |
placeEindhoven of Virtueel 31 mei. 2021 tot 4 jun. 2021 |
placeVianen of Virtueel 21 jun. 2021 tot 25 jun. 2021 |
placeVianen of Virtueel 21 jun. 2021 tot 25 jun. 2021 |
placeEindhoven of Virtueel 5 jul. 2021 tot 9 jul. 2021 |
placeRotterdam of Virtueel 9 aug. 2021 tot 13 aug. 2021 |
placeVianen of Virtueel 9 aug. 2021 tot 13 aug. 2021 |
placeVianen of Virtueel 6 sep. 2021 tot 10 sep. 2021 |
placeRotterdam of Virtueel 20 sep. 2021 tot 24 sep. 2021 |
placeEindhoven of Virtueel 4 okt. 2021 tot 8 okt. 2021 |
placeEindhoven of Virtueel 1 nov. 2021 tot 5 nov. 2021 |
placeVianen of Virtueel 8 nov. 2021 tot 12 nov. 2021 |
placeRotterdam of Virtueel 22 nov. 2021 tot 26 nov. 2021 |
placeEindhoven of Virtueel 6 dec. 2021 tot 10 dec. 2021 |
Beschrijving
Bij Master it Training train je met onze unieke lesmethode Active Learning, hiermee leer je aantoonbaar effectiever!
Wij zijn er namelijk van overtuigd dat je slimmer en met meer plezier leert als je actief met je lesstof omgaat. Onze klassen zijn gevuld met maximaal 8 cursisten, Hierbij luister je niet passief naar een trainer, maar ga je interactief en 1-op-1 met de trainer aan de slag om ervoor te zorgen dat jouw leerdoelen behaald worden. De theorie maak je je oveel mogelijk zelf eigen, de nadruk van de begeleiding ligt op het begrijpen en toepassen van die theorie in de praktijk. Zo leer je alleen datgene wat je echt nodig hebt.
- Je bepaalt zelf je leertempo
- De trainer coacht je bij het definiëren van jouw leertraject
- Je onthoudt en begrijpt je nieuwe kennis beter
- Alles draait om toepassing van de stof in jouw praktijk
Let op. Deze training is exclusief het examen.
Doelgroep
…Veelgestelde vragen
Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.
Bij Master it Training train je met onze unieke lesmethode Active Learning, hiermee leer je aantoonbaar effectiever!
Wij zijn er namelijk van overtuigd dat je slimmer en met meer plezier leert als je actief met je lesstof omgaat. Onze klassen zijn gevuld met maximaal 8 cursisten, Hierbij luister je niet passief naar een trainer, maar ga je interactief en 1-op-1 met de trainer aan de slag om ervoor te zorgen dat jouw leerdoelen behaald worden. De theorie maak je je oveel mogelijk zelf eigen, de nadruk van de begeleiding ligt op het begrijpen en toepassen van die theorie in de praktijk. Zo leer je alleen datgene wat je echt nodig hebt.
- Je bepaalt zelf je leertempo
- De trainer coacht je bij het definiëren van jouw leertraject
- Je onthoudt en begrijpt je nieuwe kennis beter
- Alles draait om toepassing van de stof in jouw praktijk
Let op. Deze training is exclusief het examen.
Doelgroep
Deze training is bedoeld voor iedereen die aan de slag wil met het creëren van UIs met behulp van het React JavaScript framework.Voorkennis voor de React JavaScript Programming training
Voor het volgen van deze training dien je te beschikken over: Eerdere ervaring en begrip van web development, HTML, AJAX en JavaScript.Onderwerpen in de React JavaScript Programming training
Chapter 1. React Overview What is React? What's in a Name? React Component Model What React Is Not What You Will Not Find in React Motivation for Creating React A React JavaScript Example OneWay Data Flow JSX A JSX Example The Virtual (Mock) DOM Only Subcomponents that Actually Change are ReRendered React Libraries SummaryChapter 2. ES6 in a Nutshell What is ES6? ES6 Features Using ES6 Transpiling Major Syntax Changes let and const Variable Scope Shadowing Variables Arrow Functions Arrow Functions As Parameters Using 'this' Within Arrow Functions Template Literals Spread Operator ES6 Classes Declaring Classes Declaring Instance Methods Accessor Methods Static Methods Inheritance With Classes SummaryChapter 3. Babel CommandLine Interface Babel Transpiler Usage Options Presets and Plugins Babel CLI Installation Babel Configuration Running Babel CommandLine A Basic ES6 Development Setup with Babel Test the Babel Development Setup Adding React to the Development Setup Create a Minimal React App Index.html Create a Minimal React App app.js SummaryChapter 4. Basic Components and JSX What is JSX? JSX Transpilation to React Code Example Running the Transpiled Code Babel The Babel Runtime JavaScript Library Script Import Skeleton Code Playing Around in CodePen React Components Ways to Create UI Components Creating a Functional Component Example Component Names Must Be Capitalized Creating a React ClassBased Component in ES5 The render Method Creating a UI Component Using ES6 Class Notation Using ES6 Classes with React Which UI Component Creation Syntax Should I Use? Components vs Elements Elements Are Immutable Properties Property Naming Convention Properties Default to 'True' Spread Attributes (an ES6 Feature) Expressions Fragments SummaryChapter 5. React Functional Component Concepts Functional Components Nesting JSX Elements Example of JSX Nesting Comments in JSX Code Setting CSS Styles Using Classes Setting CSS Styles Directly JSX Escapes Values Working with Lists of Items Keys in Lists Example List With Key Container vs. Presentational Components State Types of State Data State Hierarchy Lifting State Up Props vs. State Pass Down a Function Immutability Immutability – Why? Virtual DOM and State Setting state Updating Input fields Passing Props to Components Passing Functions to Components Event Handling Event Handler Example Event Binding DOs Event Binding – Don'ts Passing Parameters to Event Handlers Component Lifecycle Lifecycle in Functional Components App Development Workflow – 1/3 App Development Workflow – 2/3 App Development Workflow – 3/3 SummaryChapter 6. React Components with ES6 Classes Classes in ES6 Functional Components Extending React.Component The render() Method state props defaultProps propTypes Component Lifecycle Component Lifecycle: Overview Component Lifecycle – Render Phase Component Life cycle – Commit Phase Component Lifecycle – Unmounting constructor() example componentDidMount() example setState( newStateValue ) SummaryChapter 7. React Router Routing and Navigation reactrouter Creating a reactrouter based project A Basic Routed Component Router vs. BrowserRouter The Route component <Switch> Redirect Route Navigating with <Link> Navigating with <NavLink> Route Parameters Retrieving Route Parameters QueryString Parameters Using Router with Redux SummaryChapter 8. State Management for React React State Basics – Props and State Props State in Class Based Components Managing State with Hooks in Functional Components The Problem with Props and State Redux State Library Redux Advantages Redux Disadvantages Basic Rules for State Management Types of State Data State Communication State Control State Session State Location State Location State Side Effects SummaryChapter 9. Using React Hooks Functional Component Shortcomings Hooks Overview Functional Component Props The useState Hook Functional Component using the useState hook useState with Multiple Variables useState can also be used with Objects The Effect Hook Effect Hook Example Using Effect Hook to Load Data Restricting when useEffect is Called Hook Rules Linter Example Custom Hooks Custom Hook Function Example Using the Custom Hook Additional Hooks SummaryChapter 10. Unit Testing React with React Testing Library React Testing Framework Features Snapshot Testing Code Coverage Interactive Mode Projects created with createreactapp Default App Component Test Unit Tests Anatomy of a Unit Test Common Matchers Combining Tests Running Tests Testing Promise based async code with 'done' Setup and Teardown reacttestinglibrary A Simple Component Test A Simple Snapshot Test Running and Updating SnapShot Tests Building Component Tests Calling Render Render Properties Simulating Events Testing Results Using Query Functions Text Matching Counter Component countertest.js SummaryBlijf op de hoogte van nieuwe ervaringen
Deel je ervaring
Heb je ervaring met deze cursus? Deel je ervaring en help anderen kiezen. Als dank voor de moeite doneert Springest € 1,- aan Stichting Edukans.Er zijn nog geen veelgestelde vragen over dit product. Als je een vraag hebt, neem dan contact op met onze klantenservice.