IT-kurs
Kurs i programvare og applikasjoner
React & Redux
Du har valgt: Oslo
Nullstill
Filter
Ferdig

-

Oslo 2 dager 14 500 kr
09 Dec
Har du hatt lyst til å lære deg React, men er usikker på hvor du skal begynne? Da er denne workshoppen noe for deg! [+]
Bli med å lær hva React er og hvordan vi kan benytte dette kraftige rammeverket til å bygge store og testbare Single-Page-Applications. All kode skrives i TypeScript som er en type-safe variant av JavaScript. Kursets oppbygning: Kurset består i to dager med praktiske oppgaver og par-programmering i plenum med kursholderen. Sammen setter vi opp et kraftig utviklingsmiljø basert på Webpack og bygger en React applikasjon med gjenbrukbare og testbare komponenter. Gjennom kurset vil du få god kjennskap til hvordan React virker under panseret, hvordan du kan strukturere koden din på en skalerbar måte og hvordan du kan bygge React komponenter slik at de er fleksible, testbare og vedlikeholdbare. All koding vil foregå i TypeScript med Visual Studio Code, men det er fritt fram å bruke andre IDEer om man ønsker det. Stikkord: Typescript Props State Hooks Error boundaries Ruting Webpack Babel Kodestruktur og best-practices Testbarhet SCSS/CSS (med moduler) Kodesplitting (chunking) [-]
Les mer
Oslo 2 dager 17 500 kr
16 Dec
React og Redux er to navn som ofte følger hverandre når det er snakk om såkalte Single-Page-Applications eller SPAs. Denne kombinasjonen har etterhvert blitt blant de mes... [+]
React og Redux er to navn som ofte følger hverandre når det er snakk om såkalte Single-Page-Applications eller SPAs. Denne kombinasjonen har etterhvert blitt blant de mest kjente verktøyene for bygging av slike applikasjoner. Bli med på en tredagers workshop der vil lærer hvordan vi benytter styrkene fra begge bibliotekene til å bygge robuste, testbare og ikke minst skalerbare web applikasjoner! Kursets oppbygning: Dette kurset er en praktisk workshop der vi over tre dager bygger en fullverdig Single-Page-Application sammen. Ved hjelp av vårt robuste utviklingsmiljø og TypeScript språket vil vi lære hvordan vi benytter Redux sammen med React for å få utbytte av styrkene i begge bibliotekene. Gjennom praktiske oppgaver vil du få hands-on erfaring med koding, struktur, testing og best-practices som legger grunnlaget en applikasjon som kan skaleres til en stor kodebase uten å ta knekken på brukerens browser. Dette er ikke en PowerPoint bonanza, men en solid praktisk gjennomgang der du vil få skrive mye kode. Stikkord: TypeScript State management Actions og Reducers Selektorer (memoization) Strukturering av kode med “Ducks Modular Redux” Asynkrone operasjoner med Sagas (eller Thunks etter ønske) Kodestruktur og best-practice Testbarhet Kodesplitting (chunking) [-]
Les mer
Oslo Og 3 andre steder 4 dager 20 900 kr
20 Oct
24 Nov
01 Dec
Is the HTML of your SPA also filled with unmaintainable semi code? [+]
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? Lets 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. In this course you will learn all about React and its ecosystem. Afterwards you are able to add React parts immediately to both existing and new websites.   Content: Introduction: What is React? Why React? Module 1: Language constructs for React & Redux EcmaScript 2015 and later (JavaScript) JSX Babel transpiler Module 2: Basic Render Fragments Properties & State Databinding Events Module 3: Building Apps Functional vs Class components, single responsibility Multiple components Reusable components (prop-types / typescript) Module 4: Component Life Component lifecycle Fetch server data Module 5: Developer experience Debugging Developer tools Unit testing Updating to new React versions Module 6: Good to know Error Boundaries Forms DOM interactions Portals Wrapping existing components Optimizations (using shouldComponentUpdate). Module 7: Setting up a project Webpack ESLint Hot Module Replacement Create-react-app Zeit Next Module 8: Redux Basics Redux Basics Redux Dev Tools Module 9: React patterns (partly used by Redux) Pattern: Higher Order Components Pattern: Render Props Context (Pattern: Implicit state) Module 10: Advanced Redux Presentational vs Container Components React-Redux Async actions Redux Middleware Redux Undo Module 11: React Router Static routing No match (like a 404) Dynamic routing Redirection Prompt Module 12: Isomorphic Applications Server side rendering (universal/isomorphic applications), ReactJS.NET, Search Engine Optimization (SEO) Module 13: Styling Animations CSS, Inline styles Module 14: Future Suspense Time Slicing [-]
Les mer
Oslo 3 dager 18 900 kr
09 Dec
Are you an experienced React developer and curious to deeply dive into advanced topics and the changes of 2019? [+]
This course is based around the following areas: Code reuse, Performance, Correctness, Refactoring and Function Components getting the same capabilities as Class Components. React is introducing new functionality to address challenges that come with  above areas. This course shows you what you can do to make your React program  easier to build, smaller, faster and correct. Some of the changes will be released during 2019, but that doesn’t mean we  cannot explore the changes and write demos. The course will be a combination of many demos, presentations and hands-on  labs.   What you will learn: Patterns New Context API (React 16.3) Hooks (~Q1 2019) Profiler (React 16.5) Performance Concurrent Mode (~Q2 2019) Suspense (React 16.6 and ~Q3 2019) Considerations for maintainable projects  Jest Storybook   Content: Patterns:  Container pattern Props and state destructuring in render method Higher-Order Components Render-props Transclusion Implicit State pattern (see: Context)  New Context API (React 16.3): Provider Consumer  Using Hooks (~Q1 2019): Function components with state: useState() & useReducer() Function components with side effects: useEffect() Function components with context: useContext() Other React Hooks Refactoring Class components Writing Hooks (~Q1 2019): Writing Custom Hooks  Profiler (React 16.5) DevTools changes How to use Profiler API  Performance: MemoCompontent memo() useCallback() Hook useMemo() Hook react-virtualized Concurrent Mode (~Q2 2019): Preparations: Strict Mode (16.6) Responsive rendering without blocking the main thread Working with priorities  Suspense (React 16.6 and ~Q3 2019): Preparations: Strict Mode (16.6) Suspense component & lazy() (16.6)  Code splitting (16.6) Time slicing Data fetching Considerations for maintainable projects: Naming Code & folder organisation more?  Jest: Unit tests Testing asynchronous code Setup & Teardown Mocks Snapshot testing Integration tests Test React Applications  Storybook: Writing stories Using popular addons: Actions, Console, etc. Manual testing  Appendix: Using Redux and React with Hooks redux-react-hooks  [-]
Les mer

Lukk Denne siden benytter seg av informasjonskapsler (cookies).
Du kan fortsette å bruke siden som vanlig hvis du godtar dette. Les mer om bruk av informasjonskapsler i vår personvernerklæring.