Kurser

Kursusadministration

Brug for hjælp?

  • Gregersensvej 8
  • 2630 Taastrup
Google MapsApple MapsRejseplanen
  • Forskerparken Fyn, Forskerparken 10F
  • 5230 Odense M
Google MapsApple MapsRejseplanen
  • Teknologiparken Kongsvang Allé 29
  • 8000 Aarhus C
Google MapsApple MapsRejseplanen
  • NordsøcentretPostboks 104
  • 9850Hirtshals
Google MapsApple MapsRejseplanen
  • Gammel Ålbovej 1
  • 6092Sønder Stenderup
Google MapsApple MapsRejseplanen

React, Redux & Router with Hooks

På dette kursus lærer du alt om de grundlæggende funktioner i React og dets økosystem, så du straks kan tilføje React dele til både eksisterende og nye websider. Let's React! Undervisningen foregår på engelsk.

Evaluering

4stjerner

Alle arrangementer på Teknologisk Institut bliver evalueret af deltagerne. Stjernerne angiver deltagernes gennemsnitlige tilfredshed.

Evalueringen er baseret på: 5 besvarelser

Is the HTML of your SPA also filled with unmaintainable semi code? Is data binding debugging and performance causing you headaches? Don’t you remember how data finds its way to the UI?

Let’s React!

Facebook created a new functional approach to tackle traditional complexities in JavaScript: ReactJS (open source). Maligned in 2013, embraced in 2015 by the largest websites in the world. Lets build fast components in a lasting and meaningful way.

Deltagerprofil

This course is intended for professional developers who are familiar with HTML and JavaScript programming.

Gennem mine 25 år i branchen, og utallige kurser/seminarer, er Rick Beerendonk den dygtigste underviser jeg har mødt! Hans viden om emnet og hans materiale er enormt!
Søren Møller Thomsen, Kamstrup A/S

Indhold

Introduction
  • What is React?
  • Why React?
Module 1: Language constructs for React & Redux
  • EcmaScript 2018 and later (JavaScript): The relevant features for React and Redux.
  • JSX
  • Babel transpiler
  • Optional: TypeScript
Module 2: Basic
  • Render
  • Fragments (React 16+)
  • Properties
  • Databinding
Module 3: Interactivity
  • Events
  • State: Initialising
  • State: Change sync vs async
Module 4: Building Apps
  • Functional vs Class components, single responsibility
  • Multiple components
  • Children
  • Reusable components (prop-types / typescript)
Module 5: Component Life
  • Component lifecycle (React 16+)
  • Fetch server data
  • Optional: Component lifecycle (React 15-)
Module 6: Developer experience
  • Debugging
  • Developer tools
  • Unit testing
  • Updating to new React versions
Module 7: Good to know
  • Error Boundaries (React 16+)
  • Forms
  • DOM interactions
  • Portals (React 16+)
  • Placeholder (React 17+)
  • Wrapping existing components
Module 8: Setting up a project
  • Webpack
  • ESLint
  • Hot Module Replacement
  • Create-react-app
  • Optional: Zeit Next
Module 9: Redux Basics
  • Redux Basics
  • Redux Dev Tools
Module 10: React patterns (partly used by Redux)
  • Pattern: Destructuring props and state
  • Pattern: Higher Order Components
  • Pattern: Render Props
  • Pattern: Transclusion
  • Context (Pattern: Implicit state)
Module 11: Advanced Redux
  • Presentational vs Container Components
  • React-Redux
  • Redux Middleware
  • Optional: Async actions
  • Optional: Redux Undo
Module 12: React Router
  • Static routing
  • No match (like a 404)
  • Dynamic routing
  • Redirection
  • Prompt
  • Nested routes
Module 13: Performance
  • ShouldComponentUpdate() lifecycle method
  • PureComponent
  • Event Handlers: inline vs method
  • React Profiler
Module 14: Future (React v17+)
  • Placeholder / Suspense
  • Time Slicing
  • (Latest and greatest)
Appendix 1: Immutable Data
  • Immutable JavaScript: List; Map; Set; Convert from and to raw JavaScript
  • objects; Nested structures; Lazy sequences; Equality; Batch mutations
Appendix 2: Other React targets
  • React Native: Shared components
  • React Native: Shared code vs platform specific code
  • React 360
  • Other React targets
Appendix 3: Styling
  • Animations
  • CSS, Inline styles
  • Optional: Styled Components
Appendix 4: Isomorphic Applications
  • Server side rendering (universal/isomorphic applications), ReactJS.NET,
  • Search Engine Optimization (SEO)
Se også vores avanceret React kursus på 2 dage

Form ved virtuelt afholdelse

  • Du tilgår kurset via internettet fra din egen computer, stabil forbindelse er vigtig.
  • Du logger på via det tilsendte link, hvor vores underviser sidder klar til at gennemgå kurset “live” med en gruppe deltagere

Undervisere

Underviser Rick Beerendonk
Rick is a senior consultant and trainer from The Netherlands. He has over 20 years of professional experience while working in small, large and fast growing organisations. His passion is simplicity, well-written code and team dynamics. He is specialised in front-end technologies and speaks regularly about these topics at international events. Rick teaches and talks about React since 2014.

Har du faglige spørgsmål, så kontakt:
Andre kigger også på