https://github.com/mmazzarolo/the-starter-app

An in-depth tutorial about building mobile apps using React-Native
https://github.com/mmazzarolo/the-starter-app

javascript react react-native typescript

Last synced: 7 days ago
JSON representation

An in-depth tutorial about building mobile apps using React-Native

• Host: GitHub
• URL: https://github.com/mmazzarolo/the-starter-app
• Owner: mmazzarolo
• Created: 2018-09-25T15:37:28.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2021-05-12T10:11:16.000Z (over 3 years ago)
• Last Synced: 2024-04-14T23:20:36.890Z (7 months ago)
• Topics: javascript, react, react-native, typescript
• Language: TypeScript
• Homepage:
• Size: 13.7 MB
• Stars: 67
• Watchers: 8
• Forks: 41
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        






An in-depth tutorial about building mobile apps using React-Native.

We'll build together an iOS and Android app, step by step, learning how to deal with the most common pitfalls of React Native mobile app development.

The tutorial will lean towards showing the technical side of the development process by focusing primarily on writing code and adopting good coding practices. We won't delve deeply in explaining how the technology stack works, so a basic React/React-Native knowledge is required if you want to fully understand the entire process.

By the end of the tutorial we'll have a fully working mobile app that can also be used as a boilerplate for future projects.

I'm planning to periodically submit a new update but I haven't defined the release cycle yet. Stay tuned!














# The tutorial

This tutorial is available also available on [Medium] and on my [personal website].

- [Part 1: Project setup]

- [Part 2: Login screen UI]

- [Part 3: Keyboard improvements]

- [Part 4: Form validation]

- [Part 5: Login screen on Android]

# Acknowledgements

I created this project because I wanted to share a few tricks I learned while working with React-Native in the past few years.  

That said though, we all know that we can never stop learning, so feel free to point out mistakes and/or submit a feedback. Thank you!

Also thank you to:

- The React and React-Native team and community for building such amazing libraries

- Microsoft, for TypeScript and VSCode, two of the most valuable developer tools out there

- [carbon.now] for the Medium images

- Vadim Ponomaryov for the [friend profile screen inspiration]

- [365randommuppets] for the amazing placeholders

[medium]: https://medium.com/@mmazzarolo/the-starter-app-introduction-3ead074cc589

[personal website]: https://mmazzarolo.com/blog/2018-09-27-the-starter-app/

[carbon.now]: https://carbon.now.sh

[part 1: project setup]: https://github.com/mmazzarolo/the-starter-app/tree/master/01-project-setup

[part 2: login screen ui]: https://github.com/mmazzarolo/the-starter-app/tree/master/02-login-screen-ui

[part 3: keyboard improvements]: https://github.com/mmazzarolo/the-starter-app/tree/master/03-keyboard-improvements

[part 4: form validation]: https://github.com/mmazzarolo/the-starter-app/tree/master/04-form-validation

[part 5: login screen on android]: https://github.com/mmazzarolo/the-starter-app/tree/master/05-login-screen-on-android

[365randommuppets]: https://365randommuppets.wordpress.com/

[friend profile scren inspiration]: https://dribbble.com/shots/3164077-Lanespotter-App-User-Profile