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

-

3 dager 17 500 kr
Et React introduksjonskurs myntet på nye utviklere og andre som ønsker å lære seg React, men ikke har erfaring fra tidligere. Kurset er basert på over 5 år med hands-on e... [+]
React er et av de mest populære rammeverkene for bygging av web applikasjoner og Single-Page Applications (SPAs) på internett for tiden. Grunnene til dette er mange, men viktigst er nok de robuste verktøyene både i og rundt rammeverket samt det omfattende community rundt dette. Gjennom denne workshopen vil du lære hvordan React fungerer, hvordan man bygger opp en applikasjon og hvordan man kan strukturere koden slik at den blir oversiktlig og gjenbrukbar. I tillegg vil du få en grundig introduksjon til TypeScript og hvordan dette verktøyet kan forenkle utvikling og hjelpe deg med å dokumentere koden nesten automagisk. Kurset er en workshop der vi i felleskap skal bygge komponenter og funksjonalitet med React. Hvert konsept introduseres først med en grundig gjennomgang før vi så går løs på oppgaver ment å belyse dette fra ulike vinkler og vise deg hvilke muligheter man får. Til slutt vil du sitte igjen med praktisk erfaring og en kodebase du selv har skrevet som du også kan benytte som referanse i fremtiden. Kurset forbedres kontinuerlig for å holde tritt med utviklingen av React som plattform og best-practices for utvikling mot web. Det betyr at konseptene kan tilpasses etter hva som er gjeldende standard i bransjen. Noen stikkord inkluderer:·        React komponentstruktur·        Hooks (state, effects)·        Ruting·        Kodestruktur og kodesplitting·        Memo, Context, Composition, mm·        TypeScript [-]
Les mer
Oslo 4 dager 20 900 kr
02 Feb
02 Feb
20 Apr
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. [+]
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
07 Apr
07 Apr
23 Jun
This course is based around the following areas: Code reuse, Performance, Correctness, Refactoring and Function Components getting the same capabilities as Class Componen... [+]
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.