React Native with Typescript – The Practical Guide (2022)
React Native with Typescript – The Practical Guide (2022), available at $64.99, has an average rating of 4.2, with 108 lectures, based on 171 reviews, and has 2700 subscribers.
You will learn about Create a working app made in React Native & Typescript Understand React Native in practical and fun way Use gained knowledge to create your own applications Establish yourself in the field of the exciting mobile app development environment This course is ideal for individuals who are Beginners as well as experienced devs interested in mobile development with React Native. or People looking for the practical development guide. or This course is for everyone eager to understand how to build an app from scratch It is particularly useful for Beginners as well as experienced devs interested in mobile development with React Native. or People looking for the practical development guide. or This course is for everyone eager to understand how to build an app from scratch.
Enroll now: React Native with Typescript – The Practical Guide (2022)
Summary
Title: React Native with Typescript – The Practical Guide (2022)
Price: $64.99
Average Rating: 4.2
Number of Lectures: 108
Number of Published Lectures: 108
Number of Curriculum Items: 108
Number of Published Curriculum Objects: 108
Original Price: $124.99
Quality Status: approved
Status: Live
What You Will Learn
- Create a working app made in React Native & Typescript
- Understand React Native in practical and fun way
- Use gained knowledge to create your own applications
- Establish yourself in the field of the exciting mobile app development environment
Who Should Attend
- Beginners as well as experienced devs interested in mobile development with React Native.
- People looking for the practical development guide.
- This course is for everyone eager to understand how to build an app from scratch
Target Audiences
- Beginners as well as experienced devs interested in mobile development with React Native.
- People looking for the practical development guide.
- This course is for everyone eager to understand how to build an app from scratch
What is React Native?
React Native combines the best parts of native development with React, a best-in-class JavaScript library for building user interfaces. React primitives render to native platform UI, meaning your app uses the same native platform APIs other apps do. Simplified, with React Native you can create a native application on IOS and Android devices, only with a knowledge of one language (Javascript).
Is this course right for you?
If you plan to start your career as a developer or improve your programming skills, this course is right for you.
You will get the confidence and skills required to start your own projects.
What are you going to work on?
You will create a “Workout” mobile application with Javascript programing language.
The course is divided into multiple parts (check curriculum).
In the first part, you will set up a development environment simulator and learn more about React Native theory.
Right away after that, you will start working on the application. First, you will learn to create multiple screens(views) and navigation between them. An instructor will show you different ways and techniques to set up navigation and, most importantly, how navigation works.
In the next part, you will discover some React Native components. Native components are similar to those used in the browser. If you have some basics in HTML, it will be for your piece of cake to grasp these concepts.
Loading external resources such as fonts is very important for UX. You will create a simple resource loader and prepare a function to boot up all required initial data of your application.
In the next couple of lectures, you will create a detailed workout page, displaying more precise information. You will learn how to pass parameters in navigation and use them to fetch data.
The next part of the course covers data management, storage, and data manipulation. It’s important to know where to store data and retrieve them. An instructor will show you an easy way how to do that. As storage, you will use native storage of your phone(simulator).
Hooks functions are an essential part of React environment. You will learn how to use them to get data.
In the following section, you will go back to the detail screen of the application. You will learn how to create a reusable component, modal. A modal window will be responsible for displaying a sequence of workout exercises.
The application’s core feature is to display a countdown(timer) for currently active exercise. In the eighth section, you will work precisely on this feature. An instructor will guide you through creating a reusable hook function that will provide “countdown” functionality.
Countdown functionality goes hand-in-hand with the feature to display the currently “active” exercise, and after the countdown is finished, load the next exercise and reload the countdown again.
In the next section, you will work on a form to create a workout and add/remove exercises in the workout.
The course is finishing with you working on the “theme” feature. This simple functionality allows users to toggle between the dark and light theme of the application.
The last part of the course covers testing the application on the device and in the simulators.
Course Curriculum
Chapter 1: Introduction
Lecture 1: Introduction
Lecture 2: How to resolve issues
Chapter 2: Project startup
Lecture 1: Development Environment
Lecture 2: Simulators
Lecture 3: What is react native
Chapter 3: Navigation
Lecture 1: New Screens
Lecture 2: Navigation
Lecture 3: Navigation Push
Lecture 4: Navigation navigate
Lecture 5: Native stack header props
Lecture 6: Bottom Tab Navigator
Lecture 7: AI Navigation
Lecture 8: Hide Header
Lecture 9: Add Icons
Chapter 4: Workout management
Lecture 1: Data
Lecture 2: Flat List
Lecture 3: Types
Lecture 4: Workout Item
Lecture 5: Workout item styles
Lecture 6: List style flex
Chapter 5: Font Loading
Lecture 1: useCachedResources
Lecture 2: load fonts
Lecture 3: Display new font
Lecture 4: Montserrat Text component
Lecture 5: Children type
Chapter 6: Utility functions
Lecture 1: sec to min
Lecture 2: format sec
Lecture 3: Improve format
Lecture 4: Pressable
Chapter 7: Detail screen
Lecture 1: Workout detail screen
Lecture 2: Screen title
Lecture 3: Display slug
Lecture 4: Navigation Type
Chapter 8: Async storage
Lecture 1: Async Storage
Lecture 2: Contains data
Lecture 3: Workout storage
Lecture 4: Clear Workouts
Lecture 5: Get workouts
Chapter 9: Use Workouts
Lecture 1: Use Workouts
Lecture 2: UseIsFocused
Lecture 3: Get workout
Lecture 4: useWorkoutBySlug
Lecture 5: Check for undefined
Lecture 6: Pressable Sequence
Lecture 7: Pressable Component
Chapter 10: Modal
Lecture 1: Modal
Lecture 2: Modal visibility
Lecture 3: Modal Styling
Lecture 4: Reusable Modal
Lecture 5: Reusable Activator part 1
Lecture 6: Reusable Activator part 2
Lecture 7: AI Passing Props
Lecture 8: Pass props to modal
Lecture 9: Display sequence
Lecture 10: Sequence improvements
Lecture 11: Workout Item Children
Chapter 11: Countdown
Lecture 1: Play Icon
Lecture 2: Create Sequence
Lecture 3: Start countdown
Lecture 4: useCountDown
Lecture 5: Countdown cleanup
Lecture 6: AI Debugging
Chapter 12: Display Sequence
Lecture 1: Display entire sequence
Lecture 2: Display countdown
Lecture 3: Small style improvement
Lecture 4: Conditional text
Lecture 5: Conditional text styles
Chapter 13: Stoppable countdown
Lecture 1: Is Running State
Lecture 2: Start explicit count
Lecture 3: Start refactor
Lecture 4: Stop and continue countdown
Lecture 5: Counter Item styles
Lecture 6: Restart Counter
Chapter 14: Startup sequence
Lecture 1: Startup Sequence
Lecture 2: Display startup seq
Lecture 3: Wrapper stylings
Chapter 15: Exercise Form
Lecture 1: Workout form
Lecture 2: TextInput
Lecture 3: Submit Form
Chapter 16: Hook Form
Lecture 1: React hook form
Lecture 2: Submit hook form
Lecture 3: Improve style + Duration
Lecture 4: Finish inputs
Lecture 5: Input flex styles
Instructors
-
Eincode by Filip Jerga
Online Education -
Filip Jerga
Software Engineer
Rating Distribution
- 1 stars: 5 votes
- 2 stars: 6 votes
- 3 stars: 22 votes
- 4 stars: 54 votes
- 5 stars: 84 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024