React Native, v2 [2020, ENG] torrent

Обучающие видео » Компьютерные видеоуроки и обучающие интерактивные DVD » Программирование (видеоуроки)

React Native, v2

Год выпуска: 2020
Производитель: frontendmasters.com
Сайт производителя: https://frontendmasters.com/courses/react-native-v2/
Автор: Kadi Kraman
Продолжительность: 4 hours, 4 minu
Тип раздаваемого материала: Видеоклипы
Язык: Английский
Описание: Leverage your JavaScript and React skills for mobile iOS and Android platforms using React Native. Examples in this course allow you to get started quickly and see your changes immediately in React Native using Expo, or use pure React Native standalone if you prefer. You’ll use native components for rendering lists, building forms, and styling them with CSS. Then you’ll learn to navigate between screens and fetch data with React hooks. By then end of the course, you’ll be able to ship your very own native mobile applications!

Published: May 5, 2020

Course Website https://kadikraman.github.io/react-native-v2/
Course Code Repo https://github.com/kadikraman/react-native-v2
Special note Access to courses was provided by one of the rutracker users who wants to stay anonymous let's say all thanks to him, and i just downloaded it
[spoiler="Содержание"]
Table of Contents
Introduction
Introduction
00:00:00 - 00:05:01
Introduction
Kadi Kraman gives an overview of the course material, the course prerequisites, and the tools needed to complete the course.
About React Native
00:05:02 - 00:13:50
About React Native
Kadi talks about the history of React Native, why was it created, and how it works on a high level, and answers questions about working with other languages when using React Native.
Expo vs. React Native
00:13:51 - 00:17:48
Expo vs. React Native
Kadi explains that Expo is a suite of tools built for and around React Native that makes building apps easy, and gives the limits and advantages of using Expo when beginning to learn React Native.
Setup
Getting Started with Expo
00:17:49 - 00:22:44
Getting Started with Expo
Kadi demonstrates how to install Expo from the terminal, how to start a new project on Expo, and how to use Expo on a mobile device.
Getting Started with Plain React Native
00:22:45 - 00:34:00
Getting Started with Plain React Native
Kadi demonstrates how to set up React Native without Expo, and explains why the process is longer and more demanding.
Adding a Linter
00:34:01 - 00:38:51
Adding a Linter
Kadi explains how adding a linter improves the experience of developing a React Native app, and recommends installing it when using Expo. Plain React Native already has a linter.
Debugging
00:38:52 - 00:43:45
Debugging
Kadi demonstrates a few ways to debug a React Native App using an application simulator or by only using Expo.
Basic Components
Basic React Native Components
00:43:46 - 00:49:49
Basic React Native Components
Kadi live codes the component and gives an introduction to React, and highlights the main React Native tags: Text, which is used for displaying text, View, which are equivalent to divs on the web, and ScrollView, which is used to scroll over content. - hhttps://kadikraman.github.io/react-native-v2/intro-to-react
Styling
00:49:50 - 01:01:53
Styling
Kadi demonstrates how to add styling to a React Native application, and explains that all styling in a React Native application is inline.
Styling Exercise
01:01:54 - 01:02:25
Styling Exercise
The students are instructed to try to replicate the UI that was shared by the instructor using the tools discussed in the previous lesson.
Styling Solution
01:02:26 - 01:12:23
Styling Solution
Kadi live codes the solution to the styling exercise, answers questions about styling and fonts, and demonstrates how to use the array method when writing embedded styling.
Components
01:12:24 - 01:22:40
Components
Kadi explains that React Native, similarl to React is a component based framework. Components are nested within each other and reuseable. It is best practice to break an app into as many components as possible, and reuse them. Properties and how to write destructured properties is also discussed.
Lists
01:22:41 - 01:33:50
Lists
Kadi explains that mapping over elements diminishes performance in a React Native app, and that lists should be used instead of maps.
Lists Exercise
01:33:51 - 01:34:32
Lists Exercise
The students are instructed to refactor code using the FlatList components.
Lists Solution
01:34:33 - 01:41:50
Lists Solution
Kadi live codes the solution to the lists exercise.
Navigation
Navigation Intro
01:41:51 - 01:43:53
Navigation Intro
Kadi introduces the two main navigation libraries, the React Navigation library and the React Native Navigation.React Native Navigation used to be more performant, but now both libraries perform similarly.
Adding Navigation with Expo
01:43:54 - 01:45:43
Adding Navigation with Expo
Kadi demonstrates how to add navigation while using Expo.
Adding Navigation with Plain React Native
01:45:44 - 01:50:50
Adding Navigation with Plain React Native
Kadi covers the different steps needed to add navigation in plain React Native, and explains what a podfile is.
Adding Navigation
01:50:51 - 02:05:33
Adding Navigation
Kadi demonstrates how to add interactivity to an app, and refactors the code by adding new components. Touchable components and how to use them to add interactivity is also discussed.
Navigation Exercise
02:05:34 - 02:07:34
Navigation Exercise
Students are instructed to update the app so that the colors and name are beeing passed into the ColorPalette component to make it reusable.
Navigation Solution: Reusing a Component
02:07:35 - 02:10:48
Navigation Solution: Reusing a Component
Kadi live codes the solution to the navigation exercise by making a component reusable and adding the right title page to each screens.
Navigation Solution: Adding New Data
02:10:49 - 02:30:21
Navigation Solution: Adding New Data
Kadi continues to live code the solution to the navigation exercise by adding a new color scheme and creating a preview component.
Hooks & Network Requests
useState, useCallback, useEffect
02:30:22 - 02:43:47
useState, useCallback, useEffect
Kadi explains what the useState, useCallback and useEffect hooks are, what they are used for, and how they work under the hood. - kadikraman.github.io@react-native-v2/react-hooks
Network Requests Exercise
02:43:48 - 02:44:25
Network Requests Exercise
Students are instructed to build a network request to fetch color palettes from an API using all three of the hooks mentioned in the previous section.
Network Requests Solution
02:44:26 - 02:49:59
Network Requests Solution
Kadi live codes the solution to the network requests exercise.
Pull to Refresh
02:50:00 - 02:58:59
Pull to Refresh
Kadi explains that React Native components have a built-in scroll indicator, and demonstrates how to add props that refresh the FlatList component.
Forms
Overview of Forms in React Native
02:59:00 - 03:07:03
Overview of Forms in React Native
Kadi explains how forms are useful components when using React Native, reviews how to use a few different React Native components, and explains that some components are not built-in and so research will be needed to implement them.
Opening a Full Screen Modal
03:07:04 - 03:19:49
Opening a Full Screen Modal
Kadi demonstrates how to use modals in React Native. This is the first step Kadi takes before demonstrating how to add a button to open the modal containing form that allows the user to add new data.
Form Exercise
03:19:50 - 03:23:23
Form Exercise
Students are instructed to code a form that allows users to create a color scheme. The form should accept a text name, colors using toggle buttons. A button allowing the submission of the form should also be added.
Form Solution: Creating the Modal
03:23:24 - 03:34:32
Form Solution: Creating the Modal
Kadi live codes the first part of the solution to the form exercise by demonstrating how to create a modal that allows users to input new color schemes to the app.
Form Solution: Adding the Navigation
03:34:33 - 03:45:31
Form Solution: Adding the Navigation
Kadi continues to live code the solution to the form exercise by demonstrating how to use navigation to go from the color palette modal to the home page, and adds route props to make navigating the app possible.
Form Solution: Adding a FlatList
03:45:32 - 03:57:14
Form Solution: Adding a FlatList
Kadi live codes the last part of the solution to the form exercise by adding a FlatList component that allows the user to map over the different color schemes and select the color wanted. This section demonstrates how to use React hooks for forms and navigation within React Native.
Wrapping Up
Wrapping Up
03:57:15 - 04:05:09
Wrapping Up
Kadi reviews what was covered in the course, and points students to more exercises and additional resources to explore next.
[/spoiler]
Файлы примеров: присутствуют
Формат видео: MP4
Видео: AVC, 1920x1080, 16:9, 30fps, ~1200kb/s
Аудио: AAC, 44.1kHz, ~244kb/s, stereo
[spoiler="Скриншоты"]

[/spoiler]