book

JavaScript Everywhere

by Adam D. Scott

February 2020

Intermediate to advanced

344 pages

6h 37m

English

O'Reilly Media, Inc.

Read now

Unlock full access

Who This Book Is ForHow This Book Is OrganizedConventions Used in This BookUsing Code ExamplesO’Reilly Online LearningHow to Contact UsAcknowledgments
Your Text EditorThe TerminalUsing a Dedicated Terminal ApplicationUsing VSCodeNavigating the FilesystemCommand-Line Tools and Homebrew (Mac Only)Node.js and NPMInstalling Node.js and NPM for macOSInstalling Node.js and NPM for WindowsMongoDBInstalling and Running MongoDB for macOSInstalling and Running MongoDB for WindowsGitExpoPrettierESLintMaking Things Look NiceConclusion
What We’re BuildingHow We’re Going to Build ThisGetting StartedConclusion
Hello WorldNodemonExtending Port OptionsConclusion
Turning Our Server into an API (Sort Of)GraphQL BasicsSchemasResolversAdapting Our APIConclusion
Getting Started with MongoDBConnecting MongoDB to Our ApplicationReading and Writing Data from Our ApplicationConclusion
Separating Our GraphQL Schema and ResolversWriting Our GraphQL CRUD SchemaCRUD ResolversDate and TimeConclusion
Application Authentication FlowEncryption and TokensEncrypting PasswordsJSON Web TokensIntegrating Authentication into Our APIUser SchemasAuthentication ResolversAdding the User to the Resolver ContextConclusion
Before We Get StartedAttach a User to New NotesUser Permissions for Updates and DeletesUser QueriesToggling Note FavoritesNested QueriesConclusion

Web Application and Express.js Best PracticesExpress HelmetCross-Origin Resource SharingPaginationData LimitationsOther ConsiderationsTestingSubscriptionsApollo GraphQL PlatformConclusion
Hosting Our DatabaseDeploying Our ApplicationProject SetupDeploymentTestingConclusion
JavaScript and UIsDeclarative Interfaces with JavaScriptJust Enough ReactConclusion
What We’re BuildingHow We’re Going to Build ThisGetting StartedBuilding Out the Web ApplicationRoutingLinkingUI ComponentsConclusion
Creating a Layout ComponentCSSCSS-in-JSCreating a Button ComponentAdding Global StylesComponent StylesConclusion
Setting Up Apollo ClientQuerying an APISome StyleDynamic QueriesPaginationConclusion
Creating a Sign-up FormReact Forms and StatesignUp MutationJSON Web Tokens and Local StorageRedirectsAttaching Headers to RequestsLocal State ManagementLogging OutCreating a Sign-In FormProtected RoutesConclusion
Creating New NotesReading User NotesUpdating NotesDeleting NotesToggling FavoritesConclusion
Static WebsitesOur Deployment PipelineHosting Source Code with GitDeploy with NetlifyConclusion
What We’re BuildingHow We’re Going To Build ThisGetting StartedOur First Electron AppmacOS Application Window DetailsDeveloper ToolsThe Electron APIConclusion
Integrating Our Web ApplicationWarnings and ErrorsConfigurationContent Security PolicyConclusion
Electron BuilderConfiguring Electron BuilderBuild for Our Current PlatformApp IconsBuilding for Multiple PlatformsCode SigningConclusion
What We’re BuildingHow We’re Going To Build ThisGetting StartedConclusion
React Native Building BlocksStyle and Styled ComponentsStyled ComponentsRoutingTabbed Routing with React NavigationStack NavigationAdding Screen TitlesIconsConclusion
Creating List and Scrollable Content ViewsMaking a List RoutableGraphQL with Apollo ClientWriting GraphQL QueriesAdding a Loading IndicatorConclusion
Authentication Routing FlowCreating a Sign-in FormAuthentication with GraphQL MutationsAuthenticated GraphQL QueriesAdding a Sign-up FormConclusion
app.json ConfigurationIcons and App Loading ScreensApp IconsSplash ScreensExpo PublishCreating Native BuildsiOSAndroidDistributing to App StoresConclusion

Overview

JavaScript is the little scripting language that could. Once used chiefly to add interactivity to web browser windows, JavaScript is now a primary building block of powerful and robust applications. In this practical book, new and experienced JavaScript developers will learn how to use this language to create APIs as well as web, mobile, and desktop applications.

Author and engineering leader Adam D. Scott covers technologies such as Node.js, GraphQL, React, React Native, and Electron. Ideal for developers who want to build full stack applications and ambitious web development beginners looking to bootstrap a startup, this book shows you how to create a single CRUD-style application that will work across several platforms.

Explore GraphQL’s simple process for querying data
Learn about shared authentication for APIs, web apps, and native applications
Build performant web applications with React and Styled Components
Use React Native to write cross-platform applications for iOS and Android that compile to native code
Learn how to write desktop applications with Electron