Learn to build all both Android and iOS apps with the latest and most accepted technologies. This course involves core coding and software development lessons. The course is advanced but designed for those who have never even written computer codes before. It starts with the elementary things and gradually proceeds to intermediate concepts and coding exercises and later to the advanced sections.
₦90,000
7 weeks
3 days weekly
2hrs per session
In this course
Git
GitHub
Android
iOS
Course Description
React Native is a popular open-source framework for building mobile applications. It allows developers to use the React JavaScript library for building native mobile apps that can run on both iOS and Android platforms. You will learn all you need to create your own React Native apps, publish them to the Google Play Store and Apple App Store, and deep dive into the React Native framework. You will learn the theories and practicals behind React Native and its core concepts. The code written in React Native is compiled into native code, which enables it for both operating systems as well as functions in the same way on both platforms.
Why React Native?
You don't need to learn Java, Android, Swift, Objective-C, or anything that was formerly common with building Android or iOS apps. JavaScript and React Native are all you need to build great native mobile apps that can be deployed on both Android and iOS platforms. React Native has a large and active community of developers who contribute to the framework, create plugins, and offer support to other developers and it also allows developers to build high-performance, smooth mobile applications with a native feel, thanks to its use of native components.
Course Outline
Git
Git is a version control system that allows you to keep track of changes made to files and collaborate with others on software development projects. Git is now widely used by developers and organizations around the world. Git allows you to create a repository, which is a collection of files and folders that you want to track changes to. You can make changes to files in the repository and then commit those changes to the repository. Each commit represents a snapshot of the repository at a particular point in time, so you can easily roll back to previous versions of files if necessary.
GitHub
GitHub is a web-based platform that provides hosting for Git repositories. It allows you to easily store and share your Git repositories with others, and provides tools for collaboration such as pull requests and issue tracking. GitHub also provides a range of other features such as wikis, project management tools, and social networking features for developers. By using Git and GitHub together, developers can easily collaborate on software development projects, track changes to files, and share their work with others. This makes it easier to work on complex projects with multiple contributors, and helps ensure that everyone is working with the most up-to-date version of the code.
Core Components
React Native is a popular JavaScript framework for building mobile applications. Its core components are a set of pre-built UI elements, including View, Text, Image, TextInput, ScrollView, and FlatList. These components provide a foundation for creating responsive, cross-platform user interfaces. By using React Native's core components, developers can leverage a consistent and familiar API to build high-performance, native mobile apps for both iOS and Android platforms.
React Native StyleSheet
React Native StyleSheet is a JavaScript object that allows developers to define styles for React Native components. Stylesheet provides a more efficient way to apply and manage styles in mobile app development. It uses a similar syntax to CSS, with properties and values separated by a colon. Stylesheet also supports nested rules and media queries, making it easy to create responsive designs. By using a stylesheet, developers can write reusable, modular code and quickly update the styling of components throughout their app.
React Hooks
React Hooks are functions that allow developers to use state and other React features without writing classes. Introduced in React 16.8, Hooks are a more functional way to write reusable and modular code. They provide access to state and lifecycle methods in functional components, enabling developers to manage component state, use context, handle side effects, and more. The most commonly used Hooks are useState, useEffect, useContext, and useRef, but React also provides many other Hooks for specific use cases. With Hooks, developers can write cleaner, simpler, and more readable code in their React applications.
Custom components
In React Native, custom components are created by defining a new component using the core building blocks provided by the framework, such as View, Text, Image, and TouchableOpacity. Custom components allow developers to encapsulate complex logic, styling, and behavior into reusable, modular units. They can be used to create UI elements that don't exist in the React Native library or to wrap existing components with additional functionality. Custom components can also be shared across different parts of an application or between different applications. By creating custom components, developers can improve code organization, reduce repetition, and make their code more maintainable.
React Native Navigation
React Native Navigation is a library that enables developers to implement navigation in their mobile applications. It provides a set of components and APIs for creating different types of navigators, such as stack, tab, and drawer navigators. React Native Navigation makes it easy to manage the navigation stack, handle navigation events, and integrate with native navigation patterns. It also provides customization options for navigation components, such as animations, gestures, and transitions. By using React Native Navigation, developers can create seamless and intuitive navigation experiences that enhance the usability and engagement of their mobile apps.
Form validation
In React Native, form validation refers to the process of checking user input to ensure that it meets certain requirements or constraints. This can include checking that the input is the correct type, within a certain range, or matches a specific pattern. React Native provides a number of libraries and built-in features for implementing form validation, including the TextInput component, which supports input masking and validation patterns, as well as third-party libraries like Formik and Yup. With proper validation, developers can improve the reliability and security of their mobile applications and ensure that users enter correct and valid data.
Loading indicators
In React Native, loading indicators are graphical animations that inform users of a task's progress or completion. They are typically used in mobile applications to indicate that an action is being performed, such as when retrieving data from a server, performing a search, or loading a page. React Native provides several built-in components for displaying loading indicators, including ActivityIndicator, ProgressBarAndroid, and ProgressViewIOS. These components can be customized with various styles and properties to fit the design of the application. By using loading indicators, developers can provide feedback to users and improve the user experience of their mobile applications.
Firebase
Firebase is a mobile and web development platform owned by Google that provides a suite of services for building applications. It includes features like authentication, real-time database, cloud storage, cloud messaging, hosting, and more. React Native developers can use Firebase to build high-quality, scalable mobile applications by integrating Firebase APIs with their React Native code. The Firebase SDK for React Native allows developers to easily use Firebase services in their applications, making it easy to build and deploy applications that leverage the power of the Firebase platform. By using Firebase, developers can accelerate development, reduce infrastructure costs, and build more engaging user experiences.
Payment Integration (Paystack)
Paystack is a payment gateway that allows businesses to accept online payments in Nigeria. It offers a simple integration process, fast transaction processing, and support for multiple payment methods, including debit and credit cards, bank transfers, and mobile money. React Native developers can integrate Paystack into their mobile applications using the Paystack API and a suitable library, such as react-native-paystack. With Paystack, developers can build secure and reliable payment experiences for their users, making it easy for customers to pay for products and services and improving the overall user experience of their mobile applications.
Publishing your app
Publishing your React Native app involves a series of steps to prepare the app for distribution and make it available to users. The first step is to generate a signed APK or IPA file, which is a package that contains the compiled code and resources of the app. The app can then be uploaded to an app store, such as Google Play or the App Store, where it undergoes a review process before being made available to users. To ensure that the app meets the app store's requirements, developers must follow best practices for app development, including proper testing, bug fixing, and compliance with platform guidelines.
Highlight The Skill You Will Gain With Our Verifiable Certificate
Upon completing the course and a building successful project, you will be awarded a certificate to showcase your new skills. Your certificate is also verifiable on our website so that potential employers can easily confirm its authenticity.