Lernpfad Mobile Development with React Native - Online-Lernen mit Zertifikat

Mobile Development with React Native

Beginner

5.0

2 reviews

10 Learners

Learn how to build mobile apps from scratch using React Native. You'll start with the fundamentals of JavaScript and React, then move into building re…

Chapters

Learning hours

Assignments

AI Assistant

Shareable Certificate

Ergebnisse

Track content

Related courses and projects

Erfahrungsberichte

Funktionen

Preise

Ergebnisse

Track content

Related courses and projects

Erfahrungsberichte

Funktionen

Preise

Was Sie lernen werden

Mobile development fundamentals and the role of React Native

Building mobile interfaces with React Native components

Working with external data from APIs

Core JavaScript concepts used in modern applications

Creating reusable UI elements such as cards and list item

Basic data persistence with AsyncStorage

React fundamentals including components, props, state, and effects

Multi-screen app structure and navigation flow

Structuring and building a complete mobile application

Learning track content

What Is Mobile Development

How Apps Are Built

What Is React Native

What You Need Before React Native

Modern JavaScript Essentials

Async Basics

Was React Ist und Warum Es Verwendet Wird

Verständnis von React-Komponenten

JSX-Grundlagen in React

Elemente in React Rendern

Herausforderung: Ein Element in React Rendern

Datenübergabe mit Props

Herausforderung: Funktionale Komponenten Erstellen

Bedingte Darstellung in React

Herausforderung: Implementierung der Bedingten Darstellung in Chat-Benachrichtigungen

Herausforderung: Implementierung der Bedingten Darstellung in Bankbenachrichtigungen

Rendering Lists of Data in React

Herausforderung: Datenkollektionen Anzeigen

Verwalten von Zustand mit UseState

Herausforderung: Sichtbarkeit Mit State Umschalten

Umgang mit Seiteneffekten mit UseEffect

Herausforderung: Daten Abrufen und Anzeigen

Moving Forward to React Native

React Native vs React

Core Components

Adding Images

Styling with StyleSheet

Layout with Flexbox

Input and Interaction

Small UI Polish

Why Layout and Styling Matter

Working with Spacing

Styling Text

Flexbox for Layout

Building a Card Component

Building a List Item Component

Reusing Styles

Small Screen Assembly

Starting the App

Creating a Second Screen

Adding Navigation

Improving List Rendering with Real API Data

Loading and Error States

Connecting Data to Details Screen

Saving Data to Favorites

Showing Saved Data

Steigere deine Tech-Fähigkeiten!

mit bis zu 55% Rabatt

Features:

*Tracks not included in Pro plan

500+ Top-bewertete KurseFortschrittlicher KI-Copilot

Personalisierte Lernpfade40+ praxisnahe Projekte

Ohne Kündigung, bevor der ausgewählte Rabattplan endet, akzeptiere ich, dass Codefinity automatisch belastet $104 alle 3 Monate bis ich kündige. Erfahren Sie mehr über die Stornierungs- und Rückerstattungsrichtlinien in Abonnementbedingungen.

Recommended Courses and Projects

Einführung in React

Erkunden Sie die Grundlagen der Erstellung von Benutzeroberflächen mit React. Schwerpunkt auf Komponenten, JSX, Datenfluss, Zustand und Nebenwirkungen, wie sie in alltäglichen React-Anwendungen verwendet werden.

Zustandsverwaltung mit Redux Toolkit in React

Lernen Sie, wie Sie komplexen Anwendungszustand in React mit Redux Toolkit verwalten. Verstehen Sie, wann Redux tatsächlich benötigt wird, erstellen Sie Zustand mit Slices, verarbeiten Sie asynchrone Daten und verbinden Sie alles zu einem vorhersehbaren Ablauf.

React Router Grundlagen

Lernen Sie, die Navigation in React-Anwendungen mit React Router zu verwalten. Verstehen Sie den Aufbau von URLs und die Rolle des Routings in Webanwendungen. Richten Sie React Router ein, um Mehrseitenanwendungen mit dynamischen Inhalten basierend auf URL-Pfaden zu erstellen. Arbeiten Sie mit erweiterten Funktionen wie Query-Strings und URL-Parametern, um den Anwendungszustand und die Benutzernavigation zu steuern.

End to End Testing React Apps with Playwright

Test React applications end to end using Playwright. Write reliable browser tests, interact with UI elements, handle asynchronous behavior, and validate navigation and network behavior. Apply advanced testing strategies to build scalable, maintainable test suites for production React applications.

React-Grundlagen

Erkunden Sie, wie React zur Erstellung dynamischer Benutzeroberflächen mit Komponenten, JSX und Props verwendet wird. Verwaltung von Zustand und Nebeneffekten mit Hooks, Rendering von Listen und bedingter UI sowie Anwendung von Styling auf reale Komponenten. Einrichtung eines React-Projekts mit Vite und Verständnis der Anwendungsstruktur.

MUI Essentials for React Applications

Build modern, responsive, and visually polished React applications using Material UI. Learn to structure interfaces with core components, design flexible layouts, manage forms, and apply responsive behavior. Customize themes, refine visual styles, and develop practical features through focused, real-world mini projects. Gain the confidence to create clean, accessible, production-ready UIs with MUI.

React Forms with React Hook Form

Manage forms in React applications using React Hook Form. Learn core concepts, validation techniques, error handling patterns, and dynamic form structures that scale. Integrate forms with UI component libraries and apply performance optimizations to build reliable, user friendly form experiences.

TypeScript Essentials for React

Strengthen your React development skills by applying TypeScript to components, events, hooks, and async logic. Use the TypeScript features that matter most in real React applications to write safer, clearer, and more maintainable UI code. Build confidence with typed props, state, API calls, custom hooks, and advanced React patterns.

TanStack Query Server State Management in React

Manage server state in React applications using TanStack Query. Fetch, cache, and synchronize remote data, handle mutations and optimistic updates, and implement advanced query patterns for dynamic data flows. Optimize queries for performance, scalability, and maintainability in production React applications.

Testing React Apps with Jest and React Testing Library

Test React applications using Jest and React Testing Library. Write unit and integration tests, validate component behavior through user interactions, and debug test failures effectively.

Building UI Systems in React with Storybook

Develop, document, and test React UI components using Storybook. Create structured stories, configure addons for documentation and testing, and scale component libraries for team workflows. Integrate Storybook into collaborative development and automated delivery pipelines.

Tailwind CSS Styling in React Applications

Master styling React applications using Tailwind CSS. Learn how to integrate Tailwind into React, design reusable UI components, customize themes, build responsive layouts, and enhance interfaces with interactivity and animations.

Discover more Learning Tracks

Spur

Wesentliche Bürokompetenzen

Anfänger

DevOps Specialist

Anfänger

Supervised Learning Foundations

Anfänger

Python from Zero to Hero

Anfänger

C Programming Fundamentals

Anfänger

Project Management Fundamentals

Anfänger

Data Analyst with Python

Anfänger

Java-Grundlagen

Anfänger

Datenvisualisierung mit Python

Mittelstufe

Frontend Development with Angular

Anfänger

Machine-Learning-Ingenieur

Mittelstufe

Deep-Learning-Ingenieur

Fortgeschritten

Warum Menschen Codefinity wählen

Web Developer

Kwizera Mugisha

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Senior Business Analyst

Sherry Barnes-Fox

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Accounts Payable Specialist

Bill Wagner

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

IT Support Specialist

Daniel Chinea

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

Steve Bruening

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Project Manager

Stephanie Chan

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Step-by-Step to Stellar Results

Interaktive Programmierumgebung

Tauche in unsere interaktive Umgebung ein: Schreibe und führe deinen Code mit Echtzeit-Feedback und Erfolgsmetriken aus—lerne bei jedem Schritt durch Praxis.

KI-gestützte Unterstützung

Nutze den integrierten KI-Assistenten, um Fehler zu erklären, Korrekturen vorzuschlagen oder Fragen zu deinem Code zu beantworten—so bleibst du produktiv und kommst nie ins Stocken.

Check your progress

Schließe jedes Modul mit einem kurzen Quiz ab, das sofortiges Feedback liefert, deinen Fortschritt verfolgt und sicherstellt, dass du die wichtigsten Konzepte beherrschst.

Promote your expertise

Erhalte dein branchenanerkanntes Zertifikat nach Abschluss und teile es mit einem Klick auf LinkedIn—lass dein Netzwerk sehen, was du kannst.

Vertraut von Mitarbeitern führender Unternehmen
und Studenten führender Universitäten

Zugriff auf den gesamten Katalog

Ein Abonnement eröffnet Ihnen diesen Kurs und unseren gesamten Katalog von Projekten und Fähigkeiten.

Features:

500+ Top-bewertete KurseFortschrittlicher KI-Copilot

Personalisierte Lernpfade40+ praxisnahe Projekte

Probiere Codefinity mit Vertrauen aus – 30-Tage-Geld-zurück-Garantie inklusive

Um dich bei Codefinity willkommen zu heißen, bieten wir bis zu 64% Rabatt auf unsere Kurse. Außerdem haben wir eine 30-Tage-Geld-zurück-Garantie, damit du uns risikofrei ausprobieren kannst.Wir freuen uns wirklich darauf, dich auf unserer Plattform willkommen zu heißen und sind bestrebt, dein Lernerlebnis einfach, interaktiv und unterhaltsam zu gestalten.

Ready to get started?

Pro

Best intro offer

Ultimate

A complete experience
to kickstart your career

500+ Top-Rated courses

Completion certificates

Early access to new courses

40+ hands-on Real-world projects

Personalized study tracks

Unlimited workspaces

Sofortiger Zugriff auf 500+ Kurse

Unbegrenztes Lernen, sofortiger ZugriffErhalte vollen Zugriff auf alle Kurse und Tracks, einschließlich Videoinhalten, Quiz und ausführlichen Materialien—beginne jederzeit mit dem Lernen.

Branchenanerkannte ZertifikateErhalte Zertifikate, die deine Expertise bestätigen und deine Karriere in Tech, KI, Daten, Marketing und darüber hinaus fördern.

KI-unterstütztes LernenErhalte personalisierte Hinweise, Echtzeit-Feedback und KI-gestützte Erklärungen, um deinen Fortschritt zu beschleunigen.

Ständig wachsend: Neue Kurse & KarrierepfadeBleibe mit ständig aktualisierten Kursen, Karriereplänen, Herausforderungen und praktischen Tests auf dem neuesten Stand.

Baue relevante Fähigkeiten aufMeistere gefragte Fähigkeiten mit Kursen in KI, Datenwissenschaft, Programmierung, Marketing, Automatisierung, Webentwicklung und mehr.

Interaktives & nahtloses LernenBeteilige dich an praxisnahen Projekten, realen Übungen und einem intuitiven Lernerlebnis — keine zusätzlichen Werkzeuge erforderlich.

Was Sie lernen werden

Wesentliche Bürokompetenzen

DevOps Specialist

Supervised Learning Foundations

Python from Zero to Hero

C Programming Fundamentals

Project Management Fundamentals

Data Analyst with Python

Java-Grundlagen

Datenvisualisierung mit Python

Frontend Development with Angular

Machine-Learning-Ingenieur

Deep-Learning-Ingenieur

Warum Menschen Codefinity wählen

Vertraut von Mitarbeitern führender Unternehmen und Studenten führender Universitäten

Zugriff auf den gesamten Katalog

Probiere Codefinity mit Vertrauen aus – 30-Tage-Geld-zurück-Garantie inklusive

Sofortiger Zugriff auf 500+ Kurse

Vertraut von Mitarbeitern führender Unternehmen
und Studenten führender Universitäten