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

Content preview from JavaScript Everywhere

Afterword

Here in the United States it’s common to give a new high school graduate a copy of Dr. Suess’s Oh the Places You’ll Go! as a graduation gift.

Congratulations! Today is your day. You’re off to Great Places! You’re off and away!

If you’ve made it to the end of this book, a bit of a graduation celebration feels appropriate. We’ve covered a lot of material, from building a GraphQL API with Node through several types of UI clients, but we’ve only scratched the surface. Each of these topics fills books and countless online tutorials on its own. I hope that rather than feeling overwhelmed, you now feel equipped to more deeply explore the topics that interest you and build amazing things.

JavaScript is the little programming language that could. What was once a humble “toy language” is now the most popular programming language in the world. The result is that knowing how to write JavaScript is a superpower that enables us to build nearly any sort of application for any platform. Given that it’s a superpower, I’ll leave you with one last cliche:

…with great power there must also come — great responsibility!

Technology can, and should, be a force for good. My hope is that you are able to apply the things you’ve learned in this book toward making the world a better place. That may include taking on a new job or side project that enables a better life for your family, teaching others new skills, or building a product designed to bring happiness or improve the lives of others. ...