It's the last day for these savings

Mastering React Native, React Native Skia, and Re-animated.

Master React Native for iOS/Android with Native Modules, Expo, Skia, and Reanimated 3

528 Students

3h52min

All Levels

4.6

thumbnail
  • Overview
  • Curriculum
  • Discussion
  • Review
  • Instructor

What you will learn

  • Gain a comprehensive understanding of React Native to develop an application

  • Acquire proficiency in using React Native Reanimated to enhance user experience through animations. Learn to apply complex animations.

  • Apply learned concepts in React Native Skia, Expo libraries, and React Native Reanimated to create a dynamic phone app

  • Gain hands-on experience in building a fully functional mobile application

  • Use and understand React Context hooks

  • Gain proficiency in utilizing Figma for translating designs into code.

  • Use Expo-Location to query Location data

What are the requirements for taking your course

  • Participants should have a basic understanding of React or React Native, along with at least 3 to 6 months of development experience

Who is this course for

  • Individuals who have foundational knowledge in React or React Native and are looking to deepen their understanding and skills in these frameworks.

Description

Embark on a transformative journey with our comprehensive course, designed to master the art of mobile app development using React Native. This course is meticulously crafted for intermediate developers with basic React or React Native knowledge and at least 3-6 months of development experience, aiming to elevate their skills in modern app design, animation, and dynamic data integration.

In the first segment of our course, delve into the nuances of designing an intuitive Home page. You will be guided through using React Native Skia and various Expo libraries, essential for crafting a visually appealing and responsive interface. This phase is dedicated to helping you become adept with these powerful packages, laying a solid foundation for advanced development.

The second phase shifts focus to bringing the Home page to life with animations using React Native Reanimated. Experience hands-on learning as you implement sophisticated animations like sliding up background images, seamlessly making the tab bar vanish, and dynamically altering the weather section’s layout. These skills are crucial for creating an engaging user experience in modern mobile applications.

As you progress to the third part, the course intensifies with practical exercises in navigation and detailed page development. Here, you'll replicate animations from a Figma template, design a custom header, build a functional search bar, and develop intricate widget components. This phase is crucial for understanding the intricacies of user interface design and interaction.

Finally, the course culminates by transitioning from static to dynamic content. You'll learn to connect your application to an API, enabling real-time data integration. This key skill set is vital for building interactive and up-to-date mobile applications, providing a realistic user experience.

Join us to unlock your potential in mobile app development, harnessing the power of React Native, animation, and dynamic data to create cutting-edge applications that stand out in the digital era.

Introduction

Introduction

Installation Links

Github Repo

Figma Template

Setup

Figma Walkthrough

Packages for Project Setup

Project Setup

Application Setup

Application Setup 2. Skia!

Expo Go

EAS Build/Development Build

Android Configuration

Folder Structure Setup

Starter Folders

Part 1: Home Page

Home Background - Linear Gradient

Home Background - Linear Gradient Part 2

Home Background - Background Image

img

No Discussion Found

4.6

53 Reviews

5
37
4
8
3
7
2
1
1
0
Sherif Abdou

Instructor

$47.22

This Course Includes

94 Lessons
0 Quiz
0 Assignment
8 Downloadable Resources
English
Full Lifetime Access
Certificate of completion
Go To Class

Related Skills

More Courses From Udemy Udemy