JavaScript Everywhere: Building Cross-Platform Applications with GraphQL, React, React Native, and Electron 9781492046981

Table of contents :
Cover
Copyright
Table of Contents
Foreword
Preface
Who This Book Is For
How This Book Is Organized
Conventions Used in This Book
Using Code Examples
O’Reilly Online Learning
How to Contact Us
Acknowledgments
Chapter 1. Our Development Environment
Your Text Editor
The Terminal
Using a Dedicated Terminal Application
Using VSCode
Navigating the Filesystem
Command-Line Tools and Homebrew (Mac Only)
Node.js and NPM
Installing Node.js and NPM for macOS
Installing Node.js and NPM for Windows
MongoDB
Installing and Running MongoDB for macOS
Installing and Running MongoDB for Windows
Git
Expo
Prettier
ESLint
Making Things Look Nice
Conclusion
Chapter 2. API Introduction
What We’re Building
How We’re Going to Build This
Getting Started
Conclusion
Chapter 3. A Web Application with Node and Express
Hello World
Nodemon
Extending Port Options
Conclusion
Chapter 4. Our First GraphQL API
Turning Our Server into an API (Sort Of)
GraphQL Basics
Schemas
Resolvers
Adapting Our API
Conclusion
Chapter 5. Database
Getting Started with MongoDB
Connecting MongoDB to Our Application
Reading and Writing Data from Our Application
Conclusion
Chapter 6. CRUD Operations
Separating Our GraphQL Schema and Resolvers
Writing Our GraphQL CRUD Schema
CRUD Resolvers
Date and Time
Conclusion
Chapter 7. User Accounts and Authentication
Application Authentication Flow
Encryption and Tokens
Encrypting Passwords
JSON Web Tokens
Integrating Authentication into Our API
User Schemas
Authentication Resolvers
Adding the User to the Resolver Context
Conclusion
Chapter 8. User Actions
Before We Get Started
Attach a User to New Notes
User Permissions for Updates and Deletes
User Queries
Toggling Note Favorites
Nested Queries
Conclusion
Chapter 9. Details
Web Application and Express.js Best Practices
Express Helmet
Cross-Origin Resource Sharing
Pagination
Data Limitations
Other Considerations
Testing
Subscriptions
Apollo GraphQL Platform
Conclusion
Chapter 10. Deploying Our API
Hosting Our Database
Deploying Our Application
Project Setup
Deployment
Testing
Conclusion
Chapter 11. User Interfaces and React
JavaScript and UIs
Declarative Interfaces with JavaScript
Just Enough React
Conclusion
Chapter 12. Building a Web Client with React
What We’re Building
How We’re Going to Build This
Getting Started
Building Out the Web Application
Routing
Linking
UI Components
Conclusion
Chapter 13. Styling an Application
Creating a Layout Component
CSS
CSS-in-JS
Creating a Button Component
Adding Global Styles
Component Styles
Conclusion
Chapter 14. Working with Apollo Client
Setting Up Apollo Client
Querying an API
Some Style
Dynamic Queries
Pagination
Conclusion
Chapter 15. Web Authentication and State
Creating a Sign-up Form
React Forms and State
signUp Mutation
JSON Web Tokens and Local Storage
Redirects
Attaching Headers to Requests
Local State Management
Logging Out
Creating a Sign-In Form
Protected Routes
Conclusion
Chapter 16. Create, Read, Update, and Delete Operations
Creating New Notes
Reading User Notes
Updating Notes
Deleting Notes
Toggling Favorites
Conclusion
Chapter 17. Deploying a Web Application
Static Websites
Our Deployment Pipeline
Hosting Source Code with Git
Deploy with Netlify
Conclusion
Chapter 18. Desktop Applications with Electron
What We’re Building
How We’re Going To Build This
Getting Started
Our First Electron App
macOS Application Window Details
Developer Tools
The Electron API
Conclusion
Chapter 19. Integrating an Existing Web Application with Electron
Integrating Our Web Application
Warnings and Errors
Configuration
Content Security Policy
Conclusion
Chapter 20. Electron Deployment
Electron Builder
Configuring Electron Builder
Build for Our Current Platform
App Icons
Building for Multiple Platforms
Code Signing
Conclusion
Chapter 21. Mobile Applications with React Native
What We’re Building
How We’re Going To Build This
Getting Started
Conclusion
Chapter 22. Mobile Application Shell
React Native Building Blocks
Style and Styled Components
Styled Components
Routing
Tabbed Routing with React Navigation
Stack Navigation
Adding Screen Titles
Icons
Conclusion
Chapter 23. GraphQL and React Native
Creating List and Scrollable Content Views
Making a List Routable
GraphQL with Apollo Client
Writing GraphQL Queries
Adding a Loading Indicator
Conclusion
Chapter 24. Mobile Application Authentication
Authentication Routing Flow
Creating a Sign-in Form
Authentication with GraphQL Mutations
Authenticated GraphQL Queries
Adding a Sign-up Form
Conclusion
Chapter 25. Mobile Application Distribution
app.json Configuration
Icons and App Loading Screens
App Icons
Splash Screens
Expo Publish
Creating Native Builds
iOS
Android
Distributing to App Stores
Conclusion
Afterword
Appendix A. Running the API Locally
Appendix B. Running the Web App Locally
Index
About the Author
Colophon

Polecaj historie

Learning React Native: Building Native Mobile Apps with JavaScript [2 ed.] 1491989149, 978-1491989142

Get a practical introduction to React Native, the JavaScript framework for writing and deploying fully featured mobile a

3,234 685 15MB Read more

Learning React Native: Building Native Mobile Apps with JavaScript [Second edition] 9781491989142, 1491989149

Get a practical introduction to React Native, the JavaScript framework for writing and deploying fully featured mobile a

1,610 273 7MB Read more

Beginning React Native with Hooks

2,549 353 3MB Read more

Fullstack React Native: Create beautiful mobile apps with JavaScript and React Native. Code [5 ed.] 1728995558, 9781728995557

Code Master React Native with Fullstack React Native The up-to-date, in-depth, complete guide to React Native. Create

8,874 2,169 9MB Read more

React Projects: Build 12 real-world applications from scratch using React, React Native, and React 360 9781789954937, 1789954932

Build cross-platform applications of varying complexity for the web, mobile, and VR devices using React tooling Key Feat

2,967 486 23MB Read more

Fullstack React Native: Create beautiful mobile apps with JavaScript and React Native [5 ed.] 1728995558, 9781728995557

Master React Native with Fullstack React Native The up-to-date, in-depth, complete guide to React Native. Create beauti

9,810 3,082 52MB Read more

React: Cross-Platform Application Development with React Native : Build 4 Real-World Apps with React Native [1 ed.] 9781789139600

Harness the power of React Native to build 4 real-world apps Key Features Build quirky and fun projects from scratch and

323 111 4MB Read more

Test-Driven Development with React and TypeScript: Building Maintainable React Applications [2 ed.] 1484296478, 9781484296479

Apply test-driven principles to create scalable and maintainable React applications. This book covers a wide range of to

696 296 22MB Read more

Full-Stack React, TypeScript, and Node: Build cloud-ready web applications using React 17 with Hooks and GraphQL 9781839219931

Discover the current landscape of full-stack development and how to leverage modern web technologies for building produc

10,665 3,645 28MB Read more

Test-Driven Development with React and TypeScript: Building Maintainable React Applications [2 ed.] 1484296478, 9781484296479

Apply test-driven principles to create scalable and maintainable React applications. This book covers a wide range of to

406 152 4MB Read more