Hands-On Web Development with React and GatsbyJS: Build a super-fast web app with Gatsby, GraphQL, and React

Rachelle Rathbone

S$12.99 ~~S$186.99~~

Video Nov 2019 3hrs 54mins 1st Edition

Rachelle Rathbone

S$12.99 ~~S$186.99~~

Video Nov 2019 3hrs 54mins 1st Edition

What do you get with a video?

Download this video in MP4 format

Access this title in our online reader with advanced features

DRM FREE - Read whenever, wherever and however you want

View table of contents

Download Code

Key benefits

Enhance your React skills by building an end-to-end web application that comes with all the tools you'll need to make a highly performant web app
Understand Gatsby's building blocks, build a strong foundation, and write applications with it
Take advantage of the exciting new features available in Gatsby V2

Description

GatsbyJS is a modern static site generator for React that comes with all the tools you need to build fast and highly performant applications. In this 3-hour course, you will learn how to use GatsbyJS by leveraging React skills you already possess. First, we introduce you to GatsbyJS. Then you'll set up your environment, clone a simple starter web app repo, and go over some of the fundamentals. You'll learn how to use GraphQL to query data from flexible sources and take advantage of Gatsby's templating functionality to programmatically generate pages. You will incorporate some plugins to improve performance and usability, optimize images, and finally deploy your site with Netlify. By the end of the course, you will have a fully functioning, end-to-end blog web application and will feel confident about building applications with GatsbyJS. The code bundle for this video course is available at - https://github.com/PacktPublishing/starter-blog

Who is this book for?

This course is apt for JavaScript developers who are familiar with React and want to learn how to build static sites with the help of GatsbyJS. Knowledge of JavaScript and React is assumed.

What you will learn

Build an end-to-end web application that has all the tools you ll need to track performance and scalability
Discover the power of Gatsby by diving into the features and functionality it comes with out of the box
Create intuitive and flexible queries to source data with GraphQL
Design an application that takes advantage of Gatsby s templating functionality, allowing you to programmatically create pages
Optimize the performance of your web application by integrating Gatsby plugins and built-in features
Improve the usability of your web apps with Contentful and wire it into your Gatsby application
Deploy your static website with Netlify, the simplest way to deploy JavaScript apps