Lightning-Fast Mobile App Development with Galio: Build stylish cross-platform mobile apps with Galio and React Native

✍ Scribed by Alin Gheorghe

• Publisher: Packt Publishing
• Tongue: English
• Leaves: 273
• Category: Library

✦ Synopsis

Leverage the power of Galio and React Native to create beautifully designed, practical, and exciting mobile apps

Key Features

• Understand Galio and quickly build cross-platform mobile apps
• Discover how to put Galio into practice by implementing it in real-world scenarios
• Build beautiful apps using Galio by taking advantage of its carefully crafted components

Book Description

Galio is a free open source React Native framework that enables beginner-level programmers to quickly build cross-platform mobile apps by leveraging its beautifully designed ready-made components. This book helps you to learn about React Native app development while building impressive out-of-the-box apps with Galio.

Lightning Fast Mobile App Development with Galio takes a hands-on approach to implementation and associated methodologies that will have you up and running and productive in no time. Complete with step-by-step explanations of essential concepts, practical examples, and self-assessment questions, you will begin by exploring the basics of React Native and understanding how Galio works. As you make progress, you'll learn how to initialize and configure a React Native app and get to grips with the basics of React Native development. You'll also discover how packages work and how to install Galio as the main dependency, along with understanding how and why Galio helps you to develop apps with ease. Finally, you'll build three practical and exciting apps using React Native and Galio.

By the end of this app development book, you'll have learned how to use Galio to quickly create layouts and set up React Native projects for your personal ideas.

What you will learn

• Explore Galio and learn how to build beautiful and functional apps
• Familiarize yourself with the Galio ecosystem
• Discover how to use npm and understand why Galio is needed
• Get to grips with the basics of constructing a basic but attractive UI for an app
• Find out how you can utilize Galio's ready-made components
• Use Galio to drive the process of quickly building cross-platform mobile apps
• Build three practical and exciting apps with React Native and Galio

Who this book is for

This book is for developers who are looking to learn new skills or build personal mobile apps. Anyone trying to change their job as well as beginners and intermediate web developers will also find this book useful. A basic understanding of CSS, HTML, and JavaScript is needed to get the most out of this book.

Table of Contents

1. Introduction to React Native and Galio
2. Basics of React Native
3. The Correct Mindset
4. Your First Cross-Platform App
5. Why Galio?
6. The Basics of Mobile UI Building
7. Exploring the State of Our App
8. Creating Your Own Custom Components
9. Debugging and Reaching Out for Help
10. Building an Onboarding Screen
11. Let's Build – Stopwatch App
12. Where To Go from Here?

✦ Table of Contents

Cover
Title
Copyright and Credits
Table of Contents
Chapter 1: Introduction to React Native and Galio
Why React Native?
You only learn it once
Bigger talent pool
React's popularity
Performance
The language
Drawing conclusions
Galio – the best UI alternative
Time-effective
It's really beautiful
Configuring your React Native environment
Homebrew
Chocolatey
The React Native CLI
Expo
Creating your first React Native project
Managed workflow
Bare workflow
Opening our project files
Preparing our physical device for preview
Summary
Chapter 2: Basics of React Native
Technical requirements
Using App.js – the main entry point
The .expo and .expo-shared folders
The assets folder
The node_modules folder
The files within
The App.js file
Understanding the concept of JSX
Discovering components
Importing your first component
Core components
Creating the function
Exporting and importing our component
Creating the Bio component
Creating the main file for our components
Refactoring our main code
Summary
Chapter 2: The Correct Mindset
Technical requirements
Thinking in React
Breaking down our code
Props and how to use them
Using the map function to dynamically change the number of components
Summary
Chapter 4: Your First Cross-Platform App
Technical requirements
Building our first app
Creating your first screen
Let's style it!
The superhero, Galio
Let's install it on our phone
Publishing via Expo Developer Tools
Publishing via the Expo CLI
Summary
Chapter 5: Why Galio?
Technical requirements
Beautiful mobile app development with Galio
Using Galio in your apps
Discovering the benefits of Galio
Summary
Chapter 6: The Basics of Mobile UI Building
Exploring the importance of clean design
Essentials
Color scheme
Availability and accessibility
Simplicity
Information architecture
Consistency
User experience
Minimizing user input
Decluttering for better app organization
Maintaining consistency in your app
Device UI guidelines and behaviors
Meaning
Language
Summary
Chapter 7: Exploring the State of Our App
Technical requirements
What is state?
Leveling up our screens
Other hooks and why they're relevant
useEffect
Summary
Chapter 8: Creating Your Own Custom Components
Technical requirements
Creating your own component!
Creating your own profile card
Creating your own register form
Building your e-commerce cards
Summary
Chapter 9: Debugging and Reaching out for Help
Different ways of debugging
Linting, type checking, and formatting
In-app Developer menu
React Native Debugger
Where you can reach out for help when you need it
Logs for iPhone/iPad
Logs for Android
Still can't figure out what's wrong with your app?
Summary
Chapter 10: Building an Onboarding Screen
Technical requirements
What's an onboarding screen and where can we use it?
Creating a new project
OnboardingItem
FlatList
Paginator
Interpolation
Extrapolation
Automatic scrolling
Summary
Chapter 11: Let's Build – Stopwatch App
Technical requirements
Linking to React Navigation
Creating a Stopwatch
Creating a Timer
Finalizing our app
Summary
Chapter 12: Where To Go from Here
Always read the documentation
Books are really helpful
Galio's community
Galio's website
Galio's documentation
Galio's repository
Galio's Discord
Tips and tricks
Import error
React Native version mismatch
Unable to resolve
Summary
Index