Lightning-Fast Mobile App Development with Galio

Lightning-Fast Mobile App Development with Galio

by Alin Gheorghe
Released November 2021
Publisher(s): Packt Publishing
ISBN: 9781801073165

Read it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Book description

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

Product information

  • Title: Lightning-Fast Mobile App Development with Galio
  • Author(s): Alin Gheorghe
  • Release date: November 2021
  • Publisher(s): Packt Publishing
  • ISBN: 9781801073165