Last updated 6/2019MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHzLanguage: English | Size: 3.12 GB | Duration: 7h 18m

Get started with React Native development for iOS and Android & troubleshoot using tips, tricks & techniques.

What you'll learn

Build cross-platform native iOS and Android application development with React Native.

Work with HTTP requests and local storage with React Native.

Separation of concerns and useful techniques about it.

Tips for styling, using colors, fonts, metrics, and upgrading React Native version.

Overcome the most common bugs and pitfalls that plague React Native developers today.

Effectively evaluate the tradeoffs of using pure javascript libraries versus a native solution in building performant apps.

Implement build versions for test releases.

Set up error monitorieporting for your production application.

Requirements

javascript programming knowledge is assumed.

Description

React Native is a cross-platform application development framework built by eeers at Facebook which will help you to get out of the pain of maintaining a Swift and Java code base by learning once and applying it anywhere. Also, it bridges the gap between JS, Android, and iOS.With this hands-on course, you will b with building React components for mobile devices where you’ll learn to configure Firebase to store your data while coding your applications & and see the changes you’ve made without re-compiling your application again and again. Moving further, you will gain tips about reusable logic with Higher Order Components, tips for better upgrading, tips on styling and separation of concerns. Then you’ll learn to overcome the most common bugs and pitfalls that plague React Native developers, solving complex navigation patterns with redux as well as troubleshooting complex operations in javascript while keeping your app UI running smoothly.Contents and OverviewThis training program includes 3 complete courses, carefully chosen to give you the most comprehensive training possible.The first course, React Native in 7 Steps you’ll be able to create visually stunning and high-perfog applications. This course will get you started with React Native quickly by building React components for mobile devices. You’ll learn to configure Firebase to store your data while coding your applications. You’ll be able hot-reload applications and see the changes you’ve made without re-compiling your application again and again. By the end of this course, you’ll be able to develop highly functional iOS and Android applications on your own and deploy them to both the App Store and the Play Store.The second course, React Native: Tips, Tricks, and Techniques help to provide you with valuable tips and tricks to help make your development process easier, and less tedious. You will find tips about reusable logic with Higher Order Components, tips for better upgrading, tips on styling and separation of concerns. You will be getting some useful & cool tips on using tools for faster React Native development, such as reactotron, react-native-debugger and making your own logger for debugging and analytics. Finally, some tips and useful scripts you can use, and a nice way to use feature flags for your application. By the end of this course, you would have added useful skills to your arsenal, a plethora of valuable tips and tricks to make your development process with React Native more effective and efficient.The third course, Troubleshooting and Superchag React Native you’ll learn how to find memory leaks and cease unwanted applications in the background. You’ll reduce the CPU usage of your application. You’ll optimize APIs and third-party libraries to minimize the size of your application. Most developers complain about performance issues while implementing navigation components, so you’ll learn how to solve them once and for all. Finally, you’ll minimize your application's launch and improve its overall performance.At the end of the course, you’ll supercharge your productivity in React Native, by spending less debugging and more coding.About the Authors:Christopher Reyes is a software eeer in Southern California with a Bachelor of Science in Computer Information Systems with a specialization in software development. He has multiple years of experience working across multiple technologies including proprietary programming languages, and full stack javascript. He has experience on the back end with Node.js developing Restful APIS with typescript, and exposing data through GraphQL and Apollo while utilizing React on the front end. Chris has utilized to React Native to develop versatile mobile applications that can be utilized across multiple devices and platforms. Chris has mostly worked in the financial sector and has also freelanced for a telematics company. Chris is passionate about test-driven development and writing clean code.Pavlos Vinieratos is an experienced iOS and macOS Developer using React Native, Swift, Objective-C. Enjoys using Clojure and Ruby. He enjoys working with React Native and works with it on a regular basis. As an experienced React Native developer, Pavlos Vinieratos brings hands-on working experience to this course that helps viewers to get effective and practical guidance from a developers point of view.Atul Sandilya Tiwari is a software developer. He has 5 years of experience building mobile applications for companies rag from startups to fortune 500 companies. He has been working in both React native and Android since the early days of their releases.

Overview

Section 1: React Native in 7 Steps

Lecture 1 The Course Overview

Lecture 2 Setup Development Environment

Lecture 3 Introduction to the React Native Ecosystem

Lecture 4 Set Up Firebase Account

Lecture 5 Set Up a Database in Firebase

Lecture 6 Hello React Native Project

Lecture 7 Show RN Tester Project Review

Lecture 8 Creating User Inputs

Lecture 9 Introduction to FlatList

Lecture 10 Handling Touches

Lecture 11 React Native Platforms

Lecture 12 Introduction to Flexbox

Lecture 13 Flexbox Deep Dive

Lecture 14 Overview of NativeBase

Lecture 15 Easy Grid of NativeBase

Lecture 16 Custom Theme with NativeBase

Lecture 17 Creating Reusable Components

Lecture 18 Displaying and Resizing an Image

Lecture 19 Setting Up a Form

Lecture 20 Adding Form Validation

Lecture 21 Composing Screens from Reusable Components

Lecture 22 Understanding React Navigation

Lecture 23 Stack Navigator

Lecture 24 Navigation Practices

Lecture 25 Tab Navigator

Lecture 26 Drawer Navigator

Lecture 27 Configure Firebase

Lecture 28 Creating Data in Firebase

Lecture 29 Reading Data in Firebase

Lecture 30 Updating Data in Firebase

Lecture 31 Deleting Data from Firebase

Lecture 32 Deploy Applications

Lecture 33 Build APK for Android Deployment

Lecture 34 iOS Deployment

Section 2: React Native: Tips, Tricks, and Techniques

Lecture 35 Course Overview

Lecture 36 What Is a 'Smart' and 'Dumb' Component?

Lecture 37 Practical Usage of 'Smart'/'Dumb' Component

Lecture 38 When to Use a Class, a Pure or a Functional Component?

Lecture 39 Introduction to Higher Order Components (HOC)

Lecture 40 Practical Usage of Higher Order Components

Lecture 41 Introduction to Render Props

Lecture 42 When to Use HOCs and Render Props?

Lecture 43 Practical Usage of Redux (Separation of Concerns)

Lecture 44 Debugging with react-native-debugger

Lecture 45 Debugging and Logging with Reactotron

Lecture 46 Storybook for Quick and Easy UI Development

Lecture 47 Own Logger for Debugging and Analytics

Lecture 48 Why and How to Use Unified Resources?

Lecture 49 Metrics

Lecture 50 Colors

Lecture 51 Fonts

Lecture 52 Styles

Lecture 53 Useful Scripts for Faster Development

Lecture 54 You Never Need to Import from `..` Anymore

Lecture 55 Using rn-diff-purge to Upgrade React Native Version

Lecture 56 Feature Toggles

Lecture 57 nvm and .config

Section 3: Troubleshooting and Superchag React Native

Lecture 58 The Course Overview

Lecture 59 Setting Up Your Development Environment

Lecture 60 Configuring a Linter

Lecture 61 Common Pitfalls

Lecture 62 Common Issues and How to Fix Them

Lecture 63 Debugging Network Requests

Lecture 64 Choosing the Right Navigation Solution

Lecture 65 Solving Complex Navigation Patterns with Redux and React Navigation

Lecture 66 Common Issues Installing

Lecture 67 An Introduction to the React Native Dev Tools/Dev Menu

Lecture 68 React Performance Considerations That Will Speed Up Your App

Lecture 69 How to Handle Complex Operations in javascript, Lists, Network Requests?

Lecture 70 Catching Errors in Production

Lecture 71 CodePush to Rush Out Critical Bug Fixes

This course is for app developers looking to make native iOS and Android apps with React Native, mobile developers, javascript developers who have been building native mobile applications with React Native and want to spend less debugging and more coding will find this course useful.

HomePage:

gfxtra__Learn_Reac.part1.rar.html

gfxtra__Learn_Reac.part2.rar.html

gfxtra__Learn_Reac.part3.rar.html

gfxtra__Learn_Reac.part4.rar.html