JavaScript Everywhere

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

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

2. API Introduction
What We’re Building
How We’re Going to Build This
Getting Started
Conclusion

3. A Web Application with Node and Express
Hello World
Nodemon
Extending Port Options
Conclusion

4. Our First GraphQL API
Turning Our Server into an API (Sort Of)
GraphQL Basics
Schemas
Resolvers
Adapting Our API
Conclusion

5. Database
Getting Started with MongoDB
Connecting MongoDB to Our Application
Reading and Writing Data from Our Application
Conclusion

6. CRUD Operations
Separating Our GraphQL Schema and Resolvers
Writing Our GraphQL CRUD Schema
CRUD Resolvers
Date and Time
Conclusion

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

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

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

10. Deploying Our API
Hosting Our Database
Deploying Our Application
Project Setup
Deployment
Testing
Conclusion
11. User Interfaces and React
JavaScript and UIs
Declarative Interfaces with JavaScript
Just Enough React
Conclusion

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

13. Styling an Application
Creating a Layout Component
CSS
CSS-in-JS
Creating a Button Component
Adding Global Styles
Component Styles
Conclusion

14. Working with Apollo Client
Setting Up Apollo Client
Querying an API
Some Style
Dynamic Queries
Pagination
Conclusion

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

16. Create, Read, Update, and Delete Operations
Creating New Notes
Reading User Notes
Updating Notes
Deleting Notes
Toggling Favorites
Conclusion

17. Deploying a Web Application
Static Websites
Our Deployment Pipeline
Hosting Source Code with Git
Deploy with Netlify
Conclusion

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

19. Integrating an Existing Web Application with Electron
Integrating Our Web Application
Warnings and Errors
Configuration
Content Security Policy
Conclusion

20. Electron Deployment
Electron Builder
Configuring Electron Builder
Build for Our Current Platform
App Icons
Building for Multiple Platforms
Code Signing
Conclusion

21. Mobile Applications with React Native
What We’re Building
How We’re Going To Build This
Getting Started
Conclusion

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

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

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

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

A. Running the API Locally
B. Running the Web App Locally

Index