Elevating React Web Development with Gatsby - Practical guide to building performant, accessible, and interactive web apps with React and Gatsby.js 4

Samuel Larsen-Disney

Language: English

Published: Jan 22, 2022

Description:

Practical guide to building performant, accessible, and interactive web apps with React and Gatsby.js 4

Product Description

Learn how to create SEO-friendly, powerful static websites using Gatsby by harnessing the power of React

Key Features

  • Understand how to use Gatsby to build, test, and deploy an end-to-end website and manage SEO
  • Build reusable templates to streamline your workflows
  • Create plugins, add authentication, and work with real-time data

Book Description

Gatsby is a powerful React static site generator that enables you to create lightning-fast web experiences. With the latest version of Gatsby, you can combine your static content with server-side rendered and deferred static content to create a fully rounded application. Elevating React Web Development with Gatsby provides a comprehensive introduction for anyone new to GatsbyJS and will help you get up to speed in no time.

Complete with hands-on tutorials and projects, this easy-to-follow guide starts by teaching you the core concepts of GatsbyJS. You'll then discover how to build performant, accessible, and scalable websites with the GatsbyJS framework. Once you've worked through the practical projects in the book, you'll be able to build anything from a personal website to large-scale applications with authentication and make your site rise through those SEO rankings.

By the end of this Gatsby development book, you'll be well-versed in every aspect of the tool's performance and accessibility and have learned how to build client websites that your users will love.

What you will learn

  • Understand what GatsbyJS is, where it excels, and how to use it
  • Structure and build a GatsbyJS site with confidence
  • Elevate your site with an industry-standard approach to styling
  • Configure your GatsbyJS projects with search engine optimization to improve their ranking
  • Get to grips with advanced GatsbyJS concepts to create powerful and dynamic sites
  • Supercharge your site with translations for a global audience
  • Discover how to use third-party services that provide interactivity to users

Who this book is for

This book is for web developers who want to use GatsbyJS with React to build better static and dynamic client-side apps. Prior experience of working with React basics is necessary. Knowledge of Node.js fundamentals will help you to get the most out of this web development book.

Table of Contents

  1. An Overview of Gatsby.js for the Uninitiated
  2. Styling Choices and Creating Reusable Layouts
  3. Sourcing and Querying Data (from Anywhere!)
  4. Creating Reusable Templates
  5. Working with Images
  6. Improving Your Site's Search Engine Optimisation
  7. Testing and Auditing Your Site
  8. Web Analytics and Performance Monitoring
  9. Deployment and Hosting
  10. Creating Gatsby Plugins
  11. Creating Authenticated Experiences
  12. Using Real Time Data
  13. Internationalization and Localization

About the Author

Sam studied Computer Science at King's College London. He helped design and build American Express' websites. Since then he moved to BehaviourLab where he led front-end development before deciding he wanted to get out of finance. He has since become a Senior Front-End Engineer at Zone. He is most at home coding in React, Javascript, GraphQL & Gatsby but is always open to learning something new. When coding he likes to ensure his code is accessible and performant. In the last year Sam has contributed 1300+ times to open source projects. He enjoys teaching the next generation to code through his articles, presentations and at hackathons.