Building Modern React Websites with Gatsby.js
Wes Bos, Syntax FM and Reactforbeginners.com
Gatsby is a JavaScript framework for creating wicked fast, modern websites with React and GraphQL.
Gatsby makes it easy to build a website with all of today's best practices at the forefront - not an after thought. This includes code splitting, pre-loaded routes, image loading and compression, offline ready and so much more. Along with amazing user experiences, the gatsby developer experience is fast, hot-reloaded and easily deployable.
Together we will build a Gatsby.js based website from scratch, learning the core concepts and understanding how to tackle a website. This includes:
- How to source data from Headless APIs or static markdown files.
- Writing GraphQL Queries
- Image Compression Plugins
- Templating and Theming
- Layouts with React Components
- CSS with Styled Components
- Building & Deployment
- + more!
This workshop is a must for anyone looking to build modern websites all while sharpening their React skills. This includes you, WordPress devs!
Prerequisites:
- A good grasp on JavaScript fundamentals - you are comfortable with modules, functions, variables, destructuring, arrays and Objects.
- Beginner to Intermediate knowledge of React.js — State, components, context, props. You should have built at least 3 things with React.js before.
- Familiarity with package managers npm or yarn
What to bring:
- A laptop with the latest version of NodeJS installed.
- A text editor like VS Code
- A terminal
- A burning hunger to learn some neat stuff!