React Native Mobile App - design, code and publish

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.

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.

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.

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.

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 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.