

Usikker på hvor
starte?
Track
Certifikat!
Bliv En React-Udvikler
4.8+
★★★★★
★★★★★
8 anmeld.
Intermediate
Bliv mester i at bygge dynamiske og interaktive brugergrænseflader til webapplikationer som en dygtig React Developer. Hvis du forstår JavaScript godt, er det et klogt valg at fokusere på at mestre React. Vis nu mere
React
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity TeamsWhat you will learn
- Build reusable UI components using React and JSX.
- Style your React applications with inline styles, CSS modules, and external stylesheets.
- Manage state and side effects efficiently with React Hooks and Context.
- Navigate and structure multi-page applications using React Router.
- Handle advanced state management in React apps with Redux Toolkit.
- Develop and deploy production-ready applications using Next.js.
- 142 chapters
- 22 hours
- 98 tasks
Trusted by employees of leading companies
Learning track content
Module 1 / React Mastery
Gain an understanding of the core principles of React. You'll learn about JSX (JavaScript XML), building reusable UI components, and rendering elements. Additionally, you'll explore the importance of data collection and conditional rendering in React applications. By the end of this section, you'll have a solid foundation of React's essential concepts, setting you up for success in the more advanced topics covered in the following sections.
Explore the various methods of adding styles to the React applications. You will learn how to apply styles to individual components, use dynamic styles, and maintain a scalable and maintainable styling approach in your projects.
Powerful features in modern React development. Hooks revolutionize how we write functional components, providing a concise and intuitive way to manage state and perform side effects. Conversely, Context allows us to share data through the component tree without prop drilling. Combining hooks and Context enables efficient state management and simplified data sharing in React applications.
Step-by-step guide on how to start a real-world React project. From setting up your development environment to understanding project organization and critical tools, you'll gain the knowledge and confidence to embark on your React journey.
Module 2 / React Router Essentials
Learn the theoretical basics of concepts such as URL, domain, protocol, query parameters, and more. Understand the significance of routing in web applications and why we need the React Router library.
Discover how to create an entire React application from scratch, with the ability to display content that adapts based on the URL using React Router functionality.
Explore using query strings for sharing and managing application state via URLs, work with different data types in query parameters, and leverage React Router for navigation and effects based on URL changes.
Module 3 / State Management with Redux Toolkit in React
Explore the fundamental concepts of state management and show you how to leverage the power of the Redux Toolkit. We will guide you through the installation process and help you create your first React Redux Toolkit project. Additionally, meet a challenge to test your understanding and skills.
Investigate Redux integration with React apps, covering core concepts: actions, reducers, and the Redux store. Includes practical examples and code explanations for configuring a store, creating reducers, and connecting React components via hooks like useSelector and useDispatch.
Supercharge your skills in state management. In this hands-on workshop, you tackle real-world challenges and gain practical experience using the Redux Toolkit for seamless application development.
Module 4 / Next.js 14 Mastery for Building Modern Web Apps
Let's discuss what you need to learn before diving into the Next.js framework, what to expect from this course, and what you'll build.
We will set up the project, inspect ways to add styling to our app and cover visual aspects such as images, fonts, pages, and layouts.
Learn how to easily create and manage a new view for your app and navigate through all pages seamlessly with an incorporated routing system.
Deploy the Next.js app using GitHub and Vercel accounts. Additionally, establish a database to supply the app with the necessary data.
Consider how to obtain and show data to the user clearly and efficiently.
Discover how to implement modern web features such as pagination, CRUD operations, global search, form validation, and more.
Authentication implementation in Next.js.
Requirements
- A computer with a browser - all browsers are supported.
- Your enthusiasm to enhance your tech skills.
- Everything else needed to start learning and practicing is already included in this course.
Over 200,000 5-star ratings and counting
Ruslan Kravchuk
Det vigtigste er at lære og ikke give op
Materialet er godt, der er meget at lære for at blive bedre, og det vigtigste er at lære det, du ønsker....
Matteo Comune
Takket være dem lærer jeg meget…
Takket være dem lærer jeg meget hurtigere, fordi de hjælper dig med at forstå alt fra bunden. Det er den bedste hjemmeside for folk uden IT-erfaring...
Yuliana Cadavid
fantastisk kursus for begyndere
fantastisk kursus for begyndere, som tester din viden i hver lektion...
Elpunzon
Jeg nyder min Codefinity-oplevelse…
Jeg nyder at lære Python med Codefinity. Den selvstyrede læringsmetode er fantastisk, fordi jeg kan tilpasse den min tidsplan...
Alexandru Alexandru
Det er rart at lære fra Codefinity
Det er rart at lære fra Codefinity. Det er nemt og har gode eksempler på, hvad jeg har lært her...
jacob Templet
Easy to follow along with and provides…
Let at følge med og giver daglige udfordringer. Udfordringen motiverer mig til at lære dag efter dag...
Elan
Codefinity er et omfattende læringsværktøj…
Codefinity er et omfattende læringsværktøj, der hjælper dig med at udvikle dine færdigheder som softwareingeniør eller datavidenskabsmand. Øvelserne er sjove og en god måde at finpudse dine evner på...
Thibault
Første gang jeg lærer at kode
Første gang jeg lærer at kode og lykkes med det hos Codefinity - tak...
Adrien Morel
Godt designet til totale begyndere
Godt designet til totale begyndere, med trinvis progression, der giver mig selvtillid....
_Gracy
det er simpelthen fuldstændig velforklaret
det er simpelthen fuldstændig velforklaret! Indtil videre har jeg ikke oplevet nogen problemer, fordi alt er så godt organiseret...
Ruslan Kravchuk
Det vigtigste er at lære og ikke give op
Materialet er godt, der er meget at lære for at blive bedre, og det vigtigste er at lære det, du ønsker....
Matteo Comune
Takket være dem lærer jeg meget…
Takket være dem lærer jeg meget hurtigere, fordi de hjælper dig med at forstå alt fra bunden. Det er den bedste hjemmeside for folk uden IT-erfaring...
Yuliana Cadavid
fantastisk kursus for begyndere
fantastisk kursus for begyndere, som tester din viden i hver lektion...
Elpunzon
Jeg nyder min Codefinity-oplevelse…
Jeg nyder at lære Python med Codefinity. Den selvstyrede læringsmetode er fantastisk, fordi jeg kan tilpasse den min tidsplan...
Alexandru Alexandru
Det er rart at lære fra Codefinity
Det er rart at lære fra Codefinity. Det er nemt og har gode eksempler på, hvad jeg har lært her...
jacob Templet
Easy to follow along with and provides…
Let at følge med og giver daglige udfordringer. Udfordringen motiverer mig til at lære dag efter dag...
Elan
Codefinity er et omfattende læringsværktøj…
Codefinity er et omfattende læringsværktøj, der hjælper dig med at udvikle dine færdigheder som softwareingeniør eller datavidenskabsmand. Øvelserne er sjove og en god måde at finpudse dine evner på...
Thibault
Første gang jeg lærer at kode
Første gang jeg lærer at kode og lykkes med det hos Codefinity - tak...
Adrien Morel
Godt designet til totale begyndere
Godt designet til totale begyndere, med trinvis progression, der giver mig selvtillid....
_Gracy
det er simpelthen fuldstændig velforklaret
det er simpelthen fuldstændig velforklaret! Indtil videre har jeg ikke oplevet nogen problemer, fordi alt er så godt organiseret...
Data Engineer
Certifikat for fuldførelse
Fremvis dine nyligt opnåede færdigheder. Du har fortjent det
Discover more
Learning tracks
Kun for Ultimate
1 Kursus
1 Projekt
0 Task
Kun for Ultimate
7 Kurser
343 Opgaver
Kun for Ultimate
5 Kurser
145 Opgaver
Kun for Ultimate
4 Kurser
115 Opgaver
Kun for Ultimate
6 Kurser
101 Opgaver
Kun for Ultimate
6 Kurser
195 Opgaver
Kun for Ultimate
6 Kurser
186 Opgaver
Kun for Ultimate
2 Kurser
1 Projekt
57 Opgaver
Kun for Ultimate
7 Kurser
376 Opgaver
Kun for Ultimate
4 Kurser
143 Opgaver
Kun for Ultimate
5 Kurser
178 Opgaver
Kun for Ultimate
5 Kurser
163 Opgaver
Kun for Ultimate
6 Kurser
306 Opgaver
Kun for Ultimate
6 Kurser
250 Opgaver
Kun for Ultimate
8 Kurser
2 Projekter
185 Opgaver
Kun for Ultimate
5 Kurser
184 Opgaver
Kun for Ultimate
7 Kurser
293 Opgaver
Kun for Ultimate
1 Projekt
0 Task
Kun for Ultimate
2 Kurser
21 Opgaver
Kun for Ultimate
5 Kurser
139 Opgaver
Kun for Ultimate
2 Kurser
0 Task
Kun for Ultimate
4 Kurser
81 Opgaver
Kun for Ultimate
13 Kurser
555 Opgaver
Kun for Ultimate
13 Kurser
555 Opgaver
Kun for Ultimate
1 Kursus
0 Task
Kun for Ultimate
0 Task
Kun for Ultimate
6 Kurser
180 Opgaver
Kun for Ultimate
3 Kurser
70 Opgaver
Kun for Ultimate
7 Kurser
280 Opgaver
Kun for Ultimate
5 Kurser
237 Opgaver
Kun for Ultimate
4 Kurser
125 Opgaver
Kun for Ultimate
4 Kurser
162 Opgaver
Kun for Ultimate
1 Kursus
15 Opgaver
Kun for Ultimate
3 Kurser
75 Opgaver
Kun for Ultimate
3 Kurser
41 Opgaver
Kun for Ultimate
3 Kurser
180 Opgaver
Kun for Ultimate
3 Kurser
61 Opgaver
Kun for Ultimate
2 Kurser
1 Projekt
37 Opgaver
Kun for Ultimate
3 Kurser
36 Opgaver
Kun for Ultimate
2 Kurser
1 Projekt
37 Opgaver
Kun for Ultimate
5 Kurser
134 Opgaver
Kun for Ultimate
6 Kurser
293 Opgaver
Kun for Ultimate
5 Kurser
206 Opgaver
Kun for Ultimate
3 Kurser
2 Projekter
60 Opgaver
Learning tracks
spor
TEST TRACK 12
Begynder
4.0
(13548)
spor
Full Stack Webudvikling
Begynder
4.5
(70)
spor
Mestring af Datavisualisering
Mellemniveau
4.4
(9)
spor
SQL fra Begynder til Ekspert
Begynder
4.7
(100)
spor
C++ Grundlæggende
Begynder
3.8
(27)
spor
Python fra Nul til Helt
Begynder
4.6
(325)
spor
Maskinlæring for Viderekomne
Mellemniveau
4.7
(9)
spor
Python Ud Over Mellemniveau
Begynder
5.0
(2)
spor
Java Essentials
Begynder
4.5
(11)
spor
Spiludvikling med Unity
Begynder
4.4
(8)
spor
Become a Django Developer
Avanceret
4.5
(33)
spor
Flask for Dummies
Mellemniveau
4.5
(37)
spor
Frontend Udviklingsgrundlag
Begynder
4.6
(59)
spor
Web Developer from Zero to Hero
Begynder
4.5
(68)
spor
Preparation for Data Science
Mellemniveau
4.1
(21)
spor
Deep Learning-odysseen
Avanceret
5.0
(3)
spor
Webudvikling Med C#
Begynder
4.6
(107)
spor
TEST E2E TRACK BEGINNER
Begynder
spor
Test Track
4.7
(3)
spor
Skilled Python BackEnd Developer
Avanceret
4.6
(298)
spor
Test Recalculate
Begynder
1.0
(1)
spor
Excel Essentials
Begynder
4.5
(41)
spor
Full-Stack .NET Developer Journey
Mellemniveau
4.6
(139)
spor
Full-Stack .NET Developer Journey
Mellemniveau
4.6
(139)
spor
Test track with rating
Avanceret
3.5
(8)
spor
TEST TEST TRACK
Begynder
spor
Dataanalytiker Grundlag
Begynder
4.7
(121)
spor
C++ Mastery
Avanceret
spor
Java Web
Avanceret
4.5
(36)
spor
Bliv QA-Ingeniør
Begynder
4.5
(50)
spor
Videoproduktion med Adobe
Begynder
spor
UI/UX Designværktøjer
Begynder
spor
Test image upload track
Begynder
spor
Essentielle Kontorfærdigheder
Begynder
4.6
(30)
spor
GitHub from Zero to Hero
Begynder
5.0
(1)
spor
No-Code Webudvikling
Begynder
spor
C Programming & Low-Level Development
Begynder
spor
testes
Begynder
4.5
(4)
spor
Test translation track
Mellemniveau
4.0
(2)
spor
Test CMS Track
Begynder
4.5
(4)
spor
Python for Data Analysis
Mellemniveau
4.0
(13)
spor
Digital Marketing Essentials
Begynder
spor
Complete Social Media Management
Begynder
spor
Business AI Toolkit
Begynder
4.5
(2)
Become a Development expert
Interactive exercises
Learning videos
AI-assistant on all courses
Workspaces for designing your own projects
Ready to get started?
ProBest intro offer | UltimateA complete experience to kickstart your career | |
---|---|---|
85+ Top-Rated courses | ||
Completion certificates | ||
AI-Assistant in all courses | ||
20+ hands-on Real-world projects | ||
Personalized study tracks | ||
Unlimited workspaces | ||
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skills
Personalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity Teams