Download "React Native Crash Course | Build a Complete App"
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FVozPNrt-LfE%252Fmaxresdefault.jpg&w=1139&q=75)
Table of contents
Similar videos from our catalog
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252F2d_pn5oKrRg%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FD8TMiiN1d8k%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FFzdiZnvRVbY%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FHgf6vzHMZ-c%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FQ338MkfbBEQ%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FW1Co2M-gsQE%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FYjuaFefiQe4%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FcQpYw4tCo1k%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FmhyuMy4aI-M%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252Ft7rzCbRBqLU%252Fmaxresdefault.jpg&w=1139&q=75)
Video tags
Description:
Learn React Native from the ground up, no prior React Native experience is required! 🖥️ Official Website & Courses https://academind.com/courses/ 👨💻 Complete Courses (React & React Native) https://acad.link/reactjs https://acad.link/react-native 👋 Social Media https://twitter.com/maxedapps https://twitter.com/academind_real https://www.instagram.com/academind_real/ https://www.facebook.com/academindchannel/ 💬 Academind Community on Discord https://discord.gg/gxvEWGU ---------- Chapters: 00:00 Welcome! 00:32 What is React Native? 03:58 A look under the hood of React Native 09:04 Using Expo vs the React Native CLI 15:00 Creating a new React Native project 20:50 Analyzing the created project 26:05 Running the first app on a real device 30:26 Setting up a local development environment 39:52 Getting started with React Native basics 41:37 Exploring core components & styling 49:30 Working with core components 56:30 Styling React Native apps 01:06:43 Exploring layouts & flexbox 01:10:03 Combining React Native & flexbox 01:12:34 Using flexbox in React Native apps 01:17:42 Flexbox - a deep dive 01:30:02 Improving the app's layout 01:37:14 Handling (user) events 01:44:43 Managing list data 01:51:54 Platform-specific styling 02:00:45 Using the ScrollView component for scrolling 02:07:00 Optimized list handling with FlatList 02:20:42 Splitting up components 02:25:53 Working with props & components 02:28:27 Handling user input 02:38:06 Building custom buttons 02:41:40 Deleting items 02:46:59 Styling custom buttons (Ripple effect on Android) 02:51:51 Adding a modal screen 02:58:49 Styling the modal 03:04:30 Controlling the modal visibility 03:07:01 Controlling colors & displaying images 03:13:05 Final touches & finishing the first app 03:20:00 Wrap up & summary 03:23:30 Some personal notes ---------- Attachments & code snapshots: https://github.com/academind/react-native-practical-guide-code Starting Project: https://github.com/academind/react-native-practical-guide-code/blob/02-basics/extra-files/starting-project.zip goal.png File: https://github.com/academind/react-native-practical-guide-code/blob/02-basics/extra-files/goal.png ---------- Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Preparing download options
Questions about downloading video
How can I download "React Native Crash Course | Build a Complete App" video?
http://unidownloader.com/ website is the best way to download a video or a separate audio track if you want to do without installing programs and extensions.
The UDL Helper extension is a convenient button that is seamlessly integrated into YouTube, Instagram and OK.ru sites for fast content download.
UDL Client program (for Windows) is the most powerful solution that supports more than 900 websites, social networks and video hosting sites, as well as any video quality that is available in the source.
UDL Lite is a really convenient way to access a website from your mobile device. With its help, you can easily download videos directly to your smartphone.
Which format of "React Native Crash Course | Build a Complete App" video should I choose?
The best quality formats are FullHD (1080p), 2K (1440p), 4K (2160p) and 8K (4320p). The higher the resolution of your screen, the higher the video quality should be. However, there are other factors to consider: download speed, amount of free space, and device performance during playback.
Why does my computer freeze when loading a "React Native Crash Course | Build a Complete App" video?
The browser/computer should not freeze completely! If this happens, please report it with a link to the video. Sometimes videos cannot be downloaded directly in a suitable format, so we have added the ability to convert the file to the desired format. In some cases, this process may actively use computer resources.
How can I download "React Native Crash Course | Build a Complete App" video to my phone?
You can download a video to your smartphone using the website or the PWA application UDL Lite. It is also possible to send a download link via QR code using the UDL Helper extension.
How can I download an audio track (music) to MP3 "React Native Crash Course | Build a Complete App"?
The most convenient way is to use the UDL Client program, which supports converting video to MP3 format. In some cases, MP3 can also be downloaded through the UDL Helper extension.
How can I save a frame from a video "React Native Crash Course | Build a Complete App"?
This feature is available in the UDL Helper extension. Make sure that "Show the video snapshot button" is checked in the settings. A camera icon should appear in the lower right corner of the player to the left of the "Settings" icon. When you click on it, the current frame from the video will be saved to your computer in JPEG format.
What's the price of all this stuff?
It costs nothing. Our services are absolutely free for all users. There are no PRO subscriptions, no restrictions on the number or maximum length of downloaded videos.