Lightning-Fast Mobile App Development with Galio: Build stylish cross-platform mobile apps with Galio and React Native
- Length: 272 pages
- Edition: 1
- Language: English
- Publisher: Packt Publishing
- Publication Date: 2021-11-02
- ISBN-10: 1801073163
- ISBN-13: 9781801073165
- Sales Rank: #0 (See Top 100 Books)
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
- Introduction to React Native and Galio
- Basics of React Native
- The Correct Mindset
- Your First Cross-Platform App
- Why Galio?
- The Basics of Mobile UI Building
- Exploring the State of Our App
- Creating Your Own Custom Components
- Debugging and Reaching Out for Help
- Building an Onboarding Screen
- Let’s Build – Stopwatch App
- Where To Go from Here?
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 3: 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 Why subscribe?
Donate to keep this site alive
How to download source code?
1. Go to: https://github.com/PacktPublishing
2. In the Find a repository… box, search the book title: Lightning-Fast Mobile App Development with Galio: Build stylish cross-platform mobile apps with Galio and React Native
, sometime you may not get the results, please search the main title.
3. Click the book title in the search results.
3. Click Code to download.
1. Disable the AdBlock plugin. Otherwise, you may not get any links.
2. Solve the CAPTCHA.
3. Click download link.
4. Lead to download server to download.