Course - React - Native 2 PDF
Uploaded by
ScribdTranslationsCourse - React - Native 2 PDF
Uploaded by
ScribdTranslationsReact Native
Study program
Co-created with
Basic Information
In this course you will learn React Native and use Expo to create native applications.
Top-tier Android and iOS, optimizing time by comparing code between both
platforms. You will also be able to configure connections with external services such as
Facebook Login and Firebase. Upon graduation, you will be able to develop applications of
from beginning to end for both operating systems.
About the course Days and hours
Total duration: Saturday Shift
11 Weeks 09:30 AM - 04:30 PM
Mode:
In-person
+REQUIREMENTS:
It is the responsibility and obligation of the student to bring their own computer.
Minimum requirements: 4 GB of RAM. Recommended: 8 GB of RAM.
This course requires basic knowledge of JS, React, and Git. Furthermore
We recommend downloading the text editor Visual Studio Code
https://code.visualstudio.com/
Study program
Course syllabus
REACT NATIVE
Why React Native?
From web to mobile. Comparison between Native, Hybrid, and Bridged applications.
frosts. Definition of UX and DX. React Native presentation. Advantages and des-
ventajas. ¿Cómo funciona? Casos de éxito. Introducción a Expo. Probando
React Native with Snack.
2. Why Expo?
Introducción a Expo. Primera app con Expo. Estructura del proyecto. Flujo
development (Live-reloading, Hot-reloading). Testing the application in
emulators and devices.
3. Review of React Native/Expo/Snack + New JS syntax
Review of what React Native is and why to use it. Review of what Expo is and in
what is different from React Native. Review of Snack. New JS syntax:
imports, classes, arrow functions, destructuring, spread, defaults, template
strings.
4. Learning React
Definition of React. Philosophy and Architecture. Concept of Component.
Props vs State. Stateful vs Stateless Components.
5. Review of React and new JS syntax + Layout and styles with React Native.
Review of new JS syntax. Review of the basic concepts of React.
How to manage layout and styles in React Native? Presentation of components
Basic UI elements: View, Text, Image. Use them inline with StyleSheet.
Layout with Flexbox.
Study program
6. UI components included in React Native
List of included components. Building blocks: review of View, Text and
Image
Scrollables: which to use: ScrollView, FlatList or SectionList? Inputs: Switch,
Slider, Picker, TextInput, Touchable. Others: Modal, MapView, WebView.
7. Review Flexbox, StyleSheet, and base components + React APIs
Native
Components with specific behavior for each platform. List-
of the included APIs. AppState, Dimensions, Geolocation, CameraRoll,
Linking.
8. Application of components and APIs + Own Native Modules
Native Modules: What are they?
Application of components and APIs. Application of a custom module.
9. Consuming data from an external API.
Definition of API and examples. HTTP requests using 'fetch'. Formatting of
the data.
10. Integrating the data into the view
Definition of API and examples. HTTP requests using 'fetch'. Formatting of
the data. Data integration in the views. Show multiple items in a
list.
11. Review of API data consumption + Introduction to Navigation
Patterns (Drawer, Tabs, NavBar). Differences between Android and iOS. Problem-
most common.
12. Adding Navigation to our app
Practical example with Tabs. Practical example with Drawer. SplashScreen.
Navigation methods: push, pop, showModal, etc.
Study program
13. Review Navigation + Introduction to Redux
Introduction to the state management problem. Analysis of different modes
the external ones that solve the problem. Redux: principles and architecture.
14. State management with Redux
Integration of Redux in our app
15. Redux Review + Introduction to Firebase
Introduction to Firebase and its services. Creating an account. Configure-
authentication service provision.
16. Integration with Firebase and its authentication service
Integration of the Firebase SDK. Creating an app on Facebook Develo-
Personal configuration between Facebook and Firebase. Facebook login view.
17. Firebase Review + Real-time Database with Firebase
Real-time database service configuration. Integration of the service
CIO in the app. Connection with UI components to modify/view.
datos.
18. Push Notifications using Firebase
Notification service configuration. Integration of the service in the
app. Manual and automatic notifications.
19. Review of real-time database and Firebase Notifications
Publication of our app on Expo. Publication channels inside
Expo.
20. Publication in the Stores
Differences between both stores. Review/publication processes and alternative
Go to "avoid them". How to publish in the stores? Concept of "eject" from
Expo.
Study program
21. General review
General review of all the concepts learned. Review of the most important topics.
difficult. General tips.
22. Polishing our app
Slo resources. Animations. Performance tips.
Study program
Contact www.facebook.com/CoderHouse
hello@coderhouse.com Invalid input. The text provided is a URL and does not require translation.
www.coderhouse.com www.instagram.com/coderhouse
