React Native Mobile App - design, code and publish

Create a fresh React Native project, run it on Android and iOS, modify the app to see changes and live reloads, and use the inspector and Chrome debugger for debugging.

Explore the initial folder structure of a React Native project, including package.json dependencies, Android and iOS folders, and setting up components, styles, and i18n for future development.

Create the home view in a React Native app using a functional component, with a header and a large rounded action button. Use a flex layout and on press events.

Refactor the app to remove hard-coded strings with a centralized i18n file and implement a start/stop timer using a class component and setInterval to show elapsed time.

Learn to implement a pause and resume timer in a React Native app, format time with moment.js to show hours, minutes, and seconds with leading zeros, and toggle pause state.

Extract the stopwatch button into a separate stateless component and connect it to the home view with time, start, and pause actions via props.

Learn how to make a timer created with setInterval persist across app background and relaunch by tracking app state with upstate, and persisting time and counter with arcing storage.

Fixes for a React Native timer: prevent multiple setInterval instances by clearing the prior timer, persist pause state when backgrounded, and restore accurate time on foreground.

Refactor the timer data flow by passing values directly and implement a blinking animation using animated timing and opacity on text inside an Animated.View, controlled by a paused prop.

Add a finish button that appears while the timer runs, style it as a red, uppercase button, and navigate to an activity-name entry screen for save or cancel.

Hook up navigation between the main, finished, and history views, enable save or cancel for activities, and display history with name, date, and total time.

Learn to set up react navigation as a navigation library, move between screens, and implement a stock navigator with bottom tab navigators for home, history, and finish screens.

Build and style the finished view in a React Native app, including safe area, header, timer, labeled input, and cancel/save actions with responsive flex layout.

Implement finish screen logic in a React Native app, displaying time spent and saving activities via navigation, moment formatting, and async storage with name state.

Create a history view in a React Native app using a flat list to show saved activities with date and time spent, refreshed on screen focus.

Style the bottom bar navigator in this React Native app by adjusting active and inactive colors, label font size, and background with top border, using a config with exported constants.

Debug a React Native app on Android to verify state changes and timer counting, fix not-a-number errors, and implement a next up state initial for proper first-launch handling.

Design round and square app icons for Android and iOS using canvases, with 'work timer' two-line text and a stroke. Export, replace Android and iOS assets, and test on simulators.

Rename the package name in the android manifest to a reverse domain notation, then move the java files into the correct package folders and test with react native run android.

Generate a keystore and certificate, configure release signing in gradle, and build a release android app bundle (aab) for uploading to Google Play.

Enroll in this lesson to master iOS app signing, including creating a distribution certificate, app identifier, and provisioning profiles, then configure Xcode to archive and upload to the App Store.

Publish an Android app on Google Play by creating the app, completing the store listing and assets, building the release bundle, and rolling out to production after alpha testing.

Publish an iOS app by creating the app in App Store Connect, uploading builds with Transporter, configuring compliance, and launching TestFlight for internal testing.

Apps are approved on Google Play and Apple App Store, enabling installation on iPhone, iPod, and Android devices, and inspiring you to develop and publish your own app ideas.