We may earn an affiliate commission when you visit our partners.
Academind by Maximilian Schwarzmüller
and
Maximilian Schwarzmüller
Mobile apps are one of the best ways to engage with users - no wonder everyone wants to build one.
But wouldn't it be amazing if you could use your web development knowledge, combined with your React knowledge, to build mobile apps with that?
That's exactly what React Native allows you to do.
No need to learn Java, Android, Swift, ObjectiveC or anything of that - React and JavaScript is all you need to create awesome native mobile apps that work on both Android and iOS. That's probably the reason why Instagram, AirBnB, Skype and many other global companies are using it to build their mobile apps.
Read more
Mobile apps are one of the best ways to engage with users - no wonder everyone wants to build one.
But wouldn't it be amazing if you could use your web development knowledge, combined with your React knowledge, to build mobile apps with that?
That's exactly what React Native allows you to do.
No need to learn Java, Android, Swift, ObjectiveC or anything of that - React and JavaScript is all you need to create awesome native mobile apps that work on both Android and iOS. That's probably the reason why Instagram, AirBnB, Skype and many other global companies are using it to build their mobile apps.
Read more
Mobile apps are one of the best ways to engage with users - no wonder everyone wants to build one.
But wouldn't it be amazing if you could use your web development knowledge, combined with your React knowledge, to build mobile apps with that?
That's exactly what React Native allows you to do.
No need to learn Java, Android, Swift, ObjectiveC or anything of that - React and JavaScript is all you need to create awesome native mobile apps that work on both Android and iOS. That's probably the reason why Instagram, AirBnB, Skype and many other global companies are using it to build their mobile apps.
With this course, you can join this league. I'll teach you all you need to create your own React Native apps, publish them to the Google Play Store and Apple App Store and dive really deep into the React Native ecosystem.
You'll learn all about the theory behind React Native, its core concepts, how to build responsive designs that work on different device sizes, how to navigate around, use maps and the camera and so much more.
And which better way to learn than by building a real app? We'll build the "Favorite Places" app in this course, an app where users can share amazing pictures and the location where they took them. This app will allow you to see things like using maps, the camera, user authentication, connecting to a server and much more in action.
By the end of the course, we'll of course also go through all steps required to get it into an app store.
Here's a detailed look at what you'll get:
The core concepts and theory
How to use React, JavaScript and native components
Understand how to navigate in React Native apps
A closer look at styling and animating React Native apps
Instructions on how to use third-party libraries in your React Native app
Detailed examples on how to use maps or an image picker
A full user authentication flow
How to connect to a backend server from your app
Debugging instructions
And so much more.
What will you need to succeed in this course?
NO Android, Java, Swift or ObjectiveC knowledge is required.
JavaScript and React (for the web) knowledge is required though - you don't need to be an expert but the basics need to be set (though there are refresher sections in this course. )
I'd be very happy to welcome you in the course.
Max
Register for this course and see more details by visiting:
OpenCourser.com/course/rx1vft/react
Here's a deal for you
We found an offer that may be relevant to this course.
Save money when you learn.
All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.
UDEAFNULP2024
What's inside
Learning objectives
- Learn how to use reactjs to build real native mobile apps for ios and android
- Develop cross-platform (ios and android) mobile apps without knowing swift, objectivec or java/ android
- Explore react native basics and advanced features!
- Learn how to use key mobile app features like google maps or the device camera
- Learn how to use reactjs to build real native mobile apps for ios and android
- Develop cross-platform (ios and android) mobile apps without knowing swift, objectivec or java/ android
- Explore react native basics and advanced features!
- Learn how to use key mobile app features like google maps or the device camera
Syllabus
Learn what React Native is all about and what you can expect from this course. We'll also create a first React Native project and run the app on our real mobile device already!
Read more
Syllabus
Learn what React Native is all about and what you can expect from this course. We'll also create a first React Native project and run the app on our real mobile device already!
Read more
Welcome To This Course & What To Expect!
What Is React Native?
Join our Online Learning Community
A Glance Under The Hood Of React Native
Creating React Native Projects: Expo CLI vs React Native CLI
Creating React Native Projects
Creating a New React Native Project
Analyzing The Created Project
Running Our First App On A Real Device!
Setting Up A Local Development Environment
About This Course
Course Resources, Code Snapshots & How To Use
Let's dive into all fundamental React Native basics that every React Native developer must know. We'll explore core components, building UIs, styling elements and creating layouts & much more!
Module Introduction
Exploring Core Components & Component Styling
Working With Core Components
Styling React Native Apps
React Native: Core Components, Styling & Colors - More Information
Exploring Layouts & Flexbox
React Native & Flexbox
Using Flexbox To Create Layouts
Flexbox - A Deep Dive
Components, Styles, Layouts
Improving The Layout
Handling Events
Managing A List Of Course Goals (in our Demo App)
iOS & Android Styling Differences
Making Content Scrollable with ScrollView
Optimizing Lists with FlatList
More Components & Lists
Splitting Components Into Smaller Components
Utilizing Props
Working on the "Goal Input" Component
Handling Taps with the Pressable Component
Making Items Deletable & Using IDs
Adding an Android Ripple Effect & an iOS Alternative
Adding a Modal Screen
Styling the Modal Overlay
Opening & Closing the Modal
Working with Images & Changing Colors
App Finishing Touches
Module Summary
Get started with debugging React Native apps. Learn how to handle errors and get runtime insights into your app (during development).
Handling Errors
Logging to the Console
Debugging JavaScript Remotely
Using the React DevTools
Using the Documentation
Diving Deeper into Components, Layouts & Styling - Building a Mini-Game App
Module Introduction & What We'll Build
Starting Setup & Analyzing the Target App
Setting Up our Screen Components
Creating Custom Buttons
Styling for Android & iOS
Styling the "Number Input" Element
Configuring the TextInput Field
Adding Visual Feedback to the Buttons
Improving the Buttons
Coloring the Components & The Overall App
Adding a Linear Gradient
Adding a Background Image
Getting Started with the Game Logic
Handling User Input & Showing an Alert Dialog
Switching Screens Programmatically
Starting Work on the Game Screen
Respecting Device Screen Restrictions with the SafeAreaView
Creating a Title Component
Managing Colors Globally
Creating, Using & Displaying Random Numbers
Adding Game Control Buttons ("+" & "-") to the App
Checking for "Game Over"
Improving the Game Screen Visuals
Using "Cascading Styles"
Working with Icons (Button Icons)
Adding & Using Custom Fonts with React Native Apps
Adding a (Foreground) Image
Using & Styling Nested Text
Adding Logic to (Re-)Start Games & Displaying a Summary Screen
Logging Game Rounds
Outputting Log Data with FlatList
Styling the Game Round Logs
Finishing Touches
Learn how to utilize core React Native APIs to adjust your app logic and styling to different platforms and device sizes. Learn how to write platform- and device-specific code!
Setting Dynamic Widths
Introducing the Dimensions API
Adjusting Image Sizes with the Dimensions API
Understanding Screen Orientation Problems
Setting Sizes Dynamically (for different Orientations)
Managing Screen Content with KeyboardAvoidingView
Improving the Landscape Mode UI
The Dimensions API & Responsive UIs
Further Improvements with useWindowDimensions
Writing Platform-specific Code with the Platform API
Styling the Status Bar
Learn how to add more powerful and flexible navigation between different screens with React Navigation. Understand how to use Stack Navigation, Drawer Navigation, Tabs Navigation & Nested Navigators.
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Develops and enhances foundation skills for beginning React Native developers
Taught by Maximilian Schwarzmüller, an experienced instructor in web and React development, and backed by Academind, a reputable institution recognized for its technology courses
Offers a complete learning path from the fundamentals to advanced topics in React Native
Builds a solid foundation in React Native concepts and core components, styling, and layouts
Lets learners try out their skills by building a real-world mobile app
Provides practical knowledge on using third-party libraries and integrating device features like maps and the camera
Save this course
Save React Native - The Practical Guide [2024] to your list so you can find it easily later:
Save
Save
Reviews summary
React native practical guide 2024
According to students, this course is a highly recommended resource for learning React Native and building custom applications. Students appreciate the engaging lessons and say this course is a great way to learn more about React Native.
This highly recommended course is a great way to learn React Native.
"I feel like I learned a ton and feel like I can build custom apps to store on the flat thingy I keep in my pocket."
"Thanks for the course. It's great."
"Highly recommended."
Activities
Be better prepared
before
your course. Deepen your understanding
during
and
after
it. Supplement your coursework and achieve mastery of the topics covered
in React Native - The Practical Guide [2024] with these
activities:
Review JavaScript syntax
Show steps
Review JavaScript syntax to prepare for learning React Native.
Browse courses on
JavaScript
Show steps
-
Review basic syntax including variables, data types, operators, and control flow.
-
Test your understanding by writing simple JavaScript programs.
Review React concepts
Show steps
Review React concepts to build a solid foundation for React Native development.
Browse courses on
React
Show steps
-
Review the basics of React, including components, props, and state.
-
Practice writing React components and managing state.
-
Complete a small React project to solidify your understanding.
Follow React Native tutorials
Show steps
Follow React Native tutorials to learn the basics of the framework.
Show steps
-
Find reputable React Native tutorials online or through platforms like Udemy.
-
Follow the tutorials step-by-step, practicing the concepts as you go.
-
Experiment with the code and try to implement your own ideas.
Five other activities
Expand to see all activities and additional details
Show all eight activities
Build simple React Native apps
Show steps
Practice building simple React Native apps to apply your knowledge.
Show steps
-
Start with a simple app, such as a to-do list or a calculator.
-
Implement core React Native components and features.
-
Experiment with different UI elements and styling options.
-
Get feedback from peers or online communities to improve your code.
Attend React Native workshops
Show steps
Attend React Native workshops to learn from experts and network with others.
Show steps
-
Find local or online React Native workshops.
-
Attend the workshops and actively participate in discussions.
-
Connect with other attendees and learn from their experiences.
Develop a personal React Native project
Show steps
Start a personal React Native project to apply your skills and build a portfolio.
Show steps
-
Identify a project idea that aligns with your interests.
-
Plan the project and create a detailed design.
-
Implement the project using React Native and best practices.
-
Deploy the project to an app store or share it with others.
Write blog posts or tutorials on React Native
Show steps
Create blog posts or tutorials on React Native to share your knowledge and help others learn.
Show steps
-
Identify topics that you are knowledgeable and passionate about.
-
Write high-quality content that provides valuable insights and solutions.
-
Publish your content on platforms like Medium or your own blog.
Mentor junior React Native developers
Show steps
Mentor junior React Native developers to reinforce your knowledge and contribute to the community.
Show steps
-
Find opportunities to mentor junior developers through online forums or local meetups.
-
Share your knowledge and experience to help others grow their skills.
-
Receive feedback from mentees to improve your own understanding.
Review JavaScript syntax
Show steps
Review JavaScript syntax to prepare for learning React Native.
Browse courses on
JavaScript
Show steps
Show steps
Show steps
- Review basic syntax including variables, data types, operators, and control flow.
- Test your understanding by writing simple JavaScript programs.
Review React concepts
Show steps
Review React concepts to build a solid foundation for React Native development.
Browse courses on
React
Show steps
Show steps
Show steps
- Review the basics of React, including components, props, and state.
- Practice writing React components and managing state.
- Complete a small React project to solidify your understanding.
Follow React Native tutorials
Show steps
Follow React Native tutorials to learn the basics of the framework.
Show steps
Show steps
Show steps
- Find reputable React Native tutorials online or through platforms like Udemy.
- Follow the tutorials step-by-step, practicing the concepts as you go.
- Experiment with the code and try to implement your own ideas.
Five other activities
Expand to see all activities and additional details
Show all eight activities
Build simple React Native apps
Show steps
Practice building simple React Native apps to apply your knowledge.
Show steps
Show steps
Show steps
- Start with a simple app, such as a to-do list or a calculator.
- Implement core React Native components and features.
- Experiment with different UI elements and styling options.
- Get feedback from peers or online communities to improve your code.
Attend React Native workshops
Show steps
Attend React Native workshops to learn from experts and network with others.
Show steps
Show steps
Show steps
- Find local or online React Native workshops.
- Attend the workshops and actively participate in discussions.
- Connect with other attendees and learn from their experiences.
Develop a personal React Native project
Show steps
Start a personal React Native project to apply your skills and build a portfolio.
Show steps
Show steps
Show steps
- Identify a project idea that aligns with your interests.
- Plan the project and create a detailed design.
- Implement the project using React Native and best practices.
- Deploy the project to an app store or share it with others.
Write blog posts or tutorials on React Native
Show steps
Create blog posts or tutorials on React Native to share your knowledge and help others learn.
Show steps
Show steps
Show steps
- Identify topics that you are knowledgeable and passionate about.
- Write high-quality content that provides valuable insights and solutions.
- Publish your content on platforms like Medium or your own blog.
Mentor junior React Native developers
Show steps
Mentor junior React Native developers to reinforce your knowledge and contribute to the community.
Show steps
Show steps
Show steps
- Find opportunities to mentor junior developers through online forums or local meetups.
- Share your knowledge and experience to help others grow their skills.
- Receive feedback from mentees to improve your own understanding.
Career center
Learners who complete React Native - The Practical Guide [2024] will develop knowledge and skills
that may be useful to these careers:
Mobile App Developer
Mobile App Developer
A Mobile App Developer is responsible for designing, developing, and maintaining mobile applications. This course will help you build a strong foundation in React Native, a popular framework for building cross-platform mobile apps. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality mobile apps that can run on both iOS and Android.
Front-End Developer
Front-End Developer
A Front-End Developer is responsible for designing and developing the user interface of a website or mobile application. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing web development knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality front-end applications.
Full-Stack Developer
Full-Stack Developer
A Full-Stack Developer is responsible for both the front-end and back-end development of a website or mobile application. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing web development knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality full-stack applications.
React Developer
React Developer
A React Developer is responsible for developing and maintaining user interfaces for websites and mobile applications. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing React knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality React applications.
Software Developer
Software Developer
A Software Developer is responsible for designing, developing, and maintaining software applications. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing JavaScript knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality software applications.
UI/UX Designer
UI/UX Designer
A UI/UX Designer is responsible for designing the user interface and experience of a website or mobile application. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing design knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to design high-quality user interfaces and experiences.
Product Manager
Product Manager
A Product Manager is responsible for managing the development and launch of a new product. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing product management knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality products.
Project Manager
Project Manager
A Project Manager is responsible for planning, executing, and closing a project. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing project management knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to manage high-quality projects.
Business Analyst
Business Analyst
A Business Analyst is responsible for analyzing a business's needs and developing solutions to improve efficiency and effectiveness. This course will help you build a strong foundation in React Native, a framework that allows you to build mobile apps using your existing business analysis knowledge. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop high-quality business solutions.
Data Analyst
Data Analyst
A Data Analyst is responsible for collecting, cleaning, and analyzing data to identify trends and patterns. This course may be useful if you're interested in using React Native to build mobile apps that analyze data. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop data-driven mobile applications.
Machine Learning Engineer
Machine Learning Engineer
A Machine Learning Engineer is responsible for developing and deploying machine learning models. This course may be useful if you're interested in using React Native to build mobile apps that use machine learning. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop machine learning-powered mobile applications.
Data Scientist
Data Scientist
A Data Scientist is responsible for using data to solve business problems. This course may be useful if you're interested in using React Native to build mobile apps that use data science. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop data science-powered mobile applications.
Statistician
Statistician
A Statistician is responsible for collecting, analyzing, and interpreting data. This course may be useful if you're interested in using React Native to build mobile apps that use statistics. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop statistics-powered mobile applications.
Actuary
Actuary
An Actuary is responsible for assessing and managing financial risk. This course may be useful if you're interested in using React Native to build mobile apps that use actuarial science. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop actuarial science-powered mobile applications.
Financial Analyst
Financial Analyst
A Financial Analyst is responsible for analyzing financial data and making investment recommendations. This course may be useful if you're interested in using React Native to build mobile apps that use financial analysis. You'll learn how to create responsive designs, use native components, and integrate third-party libraries. This course will give you the skills you need to develop financial analysis-powered mobile applications.
For more career information including salaries, visit:
OpenCourser.com/course/rx1vft/react
Reading list
We've selected six books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
React Native - The Practical Guide [2024].
Provides a comprehensive guide to React Native development. It covers everything from the basics to advanced topics such as performance optimization and native modules. It great resource for anyone who wants to learn React Native.
Save
Provides an in-depth look at the React Native architecture and ecosystem. Covers topics such as the React Native rendering engine, the JavaScript bridge, and native modules. Also discusses advanced topics such as performance optimization and testing. Assumes you have a solid understanding of React Native and JavaScript.
Provides guidance on how to use React Native to build enterprise-grade mobile applications. Covers topics such as architecture, security, testing, and deployment. Also discusses best practices for developing and maintaining React Native applications in a team environment.
Provides a collection of practical recipes for creating animations in React Native applications. Covers a wide range of topics, from simple animations to complex animations. Provides step-by-step instructions and code examples to help you create beautiful and engaging animations for your React Native apps.
Gentle introduction to React Native for beginners. It covers the basics of React Native, including creating your first app, working with components, and styling your app.
A beginner-friendly guide to learning React Native. Provides a step-by-step approach to building your first React Native app. Covers the basics of React Native, from setting up your development environment to writing your first components.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/rx1vft/react
Share
Similar courses
Here are nine courses similar to
React Native - The Practical Guide [2024].
Building Mobile Apps with React Native
OpenCourser.com/course/9j2r1d/building
Building Mobile Apps with React Native
Most relevant
Building React Native Applications Using Expo
OpenCourser.com/course/8inhyn/building
Building React Native Applications Using Expo
Most relevant
React Native with Expo Deep Dive
OpenCourser.com/course/oimyra/react
React Native with Expo Deep Dive
Most relevant
Building React Native Applications Using Expo
OpenCourser.com/course/wxngr0/building
Building React Native Applications Using Expo
Most relevant
React Native Fundamentals
OpenCourser.com/course/7sxvyb/react
React Native Fundamentals
Most relevant
React Native: Getting Started
OpenCourser.com/course/302ri6/react
React Native: Getting Started
Most relevant
React Native: The Big Picture
OpenCourser.com/course/s085j7/react
React Native: The Big Picture
Most relevant
NativeScript + Angular: Build Native iOS, Android & Web Apps
OpenCourser.com/course/6imjk2/nativescript
NativeScript + Angular: Build Native iOS, Android & Web...
Most relevant
The Complete React Native + Hooks Course
OpenCourser.com/course/fxbe1n/the
The Complete React Native + Hooks Course
Most relevant
Effort
28.5 total hours
Via
Udemy
Instructors
Academind by Maximilian Schwarzmüller
Maximilian Schwarzmüller
Language
English
Good to know
Develops and enhances foundation skills for beginning React Native developers
Taught by Maximilian Schwarzmüller, an experienced instructor in web and React development, and backed by Academind, a reputable institution recognized for its technology courses
Offers a complete learning path from the fundamentals to advanced topics in React Native
Builds a solid foundation in React Native concepts and core components, styling, and layouts
Lets learners try out their skills by building a real-world mobile app
Provides practical knowledge on using third-party libraries and integrating device features like maps and the camera
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser