Learn how to create SEO-friendly, powerful static websites using Gatsby by harnessing the power of React Key FeaturesUnderstand how to use Gatsby to build, test, and deploy an end-to-end website and manage SEOBuild reusable templates to streamline your workflowsCreate plugins, add authentication, and work with real-time dataBook 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 learnUnderstand what GatsbyJS is, where it excels, and how to use itStructure and build a GatsbyJS site with confidenceElevate your site with an industry-standard approach to stylingConfigure your GatsbyJS projects with search engine optimization to improve their rankingGet to grips with advanced GatsbyJS concepts to create powerful and dynamic sitesSupercharge your site with translations for a global audienceDiscover how to use third-party services that provide interactivity to usersWho 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.

PUBLISHER'S NOTE: An updated 2024 edition of this book, with new emphasis on TypeScript, is now available. Key Features Discover React’s latest features including automatic state update batching and prioritizing state updates Get to grips with React architecture to write cross-platform apps using libraries such as NativeBase Understand GraphQL and Apollo for building a scalable backend for your applications Book DescriptionOver the years, React and React Native has proven itself among JavaScript developers as a popular choice for a complete and practical guide to the React ecosystem. This fourth edition comes with the latest features, enhancements, and fixes to align with React 18, while also being compatible with React Native. It includes new chapters covering critical features and concepts in modern cross-platform app development with React. From the basics of React to popular components such as Hooks, GraphQL, and NativeBase, this definitive guide will help you become a professional React developer in a step-by-step manner. You'll begin by learning about the essential building blocks of React components. As you advance through the chapters, you'll work with higher-level functionalities in application development and then put your knowledge to work by developing user interface components for the web and native platforms. In the concluding chapters, you'll learn how to bring your application together with robust data architecture. By the end of this book, you'll be able to build React applications for the web and React Native applications for multiple mobile platforms.What you will learn Explore React architecture, component properties, state, and context Work with React Hooks for handling functions and components Implement code splitting using lazy components and Suspense Build robust user interfaces for mobile and desktop apps using Material-UI Write shared components for Android and iOS apps using React Native Simplify layout design for React Native apps using NativeBase Write GraphQL schemas to power web and mobile apps Implement Apollo-driven components Who this book is for This book is for any JavaScript developer who wants to start learning how to use React and React Native for mobile and web application development. No prior knowledge of React is required, however working knowledge of JavaScript is necessary to be able to follow along the content covered.

Learn how to develop real-world applications of varying complexity for the web, mobile, and VR devices using React, React Native, React 360, and more Key Features • Build React applications at scale using React patterns and best practices • Explore React features such as Hooks, the Context API, and the Suspense API • Extend React's integration with React Native for building cross-platform mobile apps and games Book Description Developed by Facebook, React is a popular library for building impressive user interfaces. React extends its capabilities to mobile platforms using the React Native framework and integrates with popular web and mobile tools to build scalable applications. React Projects is your guide to learning React development by using modern development patterns and integrating React with powerful web tools, such as GraphQL, Expo, and React 360. You'll start building a real-world project right from the first chapter and get hands-on with developing scalable applications as you advance to building more complex projects. Throughout the book, you'll use the latest versions of React and React Native to explore features such as routing, Context, and Hooks on multiple platforms, which will help you build full-stack web and mobile applications efficiently. Finally, you'll get to grips with unit testing with Jest and end-to-end testing with Cypress to build test-driven apps. By the end of this React book, you'll have developed the skills necessary to start building scalable React apps across web and mobile platforms. What you will learn • Create a wide range of applications using various modern React tools and frameworks • Discover how React Hooks modernize state management for React apps • Develop web applications using styled and reusable React components • Build test-driven React applications using Jest, React Testing Library, and Cypress • Understand full-stack development using GraphQL, Apollo, and React • Perform server-side rendering using React and Next.js • Create animated games using React Native and Expo • Design gestures and animations for a cross-platform game using React Native Who this book is for The book is for JavaScript developers who want to explore React tooling and frameworks for building cross-platform applications. Basic knowledge of web development, ECMAScript, and React will assist with understanding key concepts covered in this book. Table of Contents • Creating a Single-Page Application in React • Creating a Portfolio in React with Reusable Components and Routing • Building a Dynamic Project Management Board • Building a Server-Side-Rendered Community Feed Using Next.js • Build a Personal Shopping List Application Using Context and Hooks • Building an Application Exploring TDD Using the React Testing Library and Cypress • Building a Full-Stack E-Commerce Application with Next.js and GraphQL • Building an Animated Game Using React Native and Expo • Building a Full-Stack Social Media Application with React Native and Expo • Creating a Virtual Reality Application with React and Three.js

Build faster static sites by leveraging CDN and creating custom tools and workflows with 5 real-world projects Purchase of the print or Kindle book includes a free PDF eBook Key Features Learn how to use and extend 11ty, one of the most flexible static site generators in the industry. Optimize your experience by customizing 11ty to suit various projects' needs Create request-time experiences without recreating templates with 11ty Serverless Book Description 11ty is the dark horse of the Jamstack world, offering unparalleled flexibility and performance that gives it an edge against other static site generators such as Jekyll and Hugo. With it, developers can leverage the complete Node ecosystem and create blazing-fast, static-first websites that can be deployed from a content delivery network or a simple server. This book will teach you how to set up, customize, and make the most of 11ty in no time. Eleventy by Example helps you uncover everything you need to create your first 11ty website before diving into making more complex sites and extending 11ty's base functionality with custom short codes, plugins, and content types. Over the course of 5 interactive projects, you'll learn how to build basic websites, blogs, media sites, and static sites that will respond to user input without the need for a server. With these, you'll learn basic 11ty skills such as templates, collections, and data use, along with advanced skills such as plugin creation, image manipulation, working with a headless CMS, and the use of the powerful 11ty Serverless plugin. By the end of this book, you'll be well-equipped to leverage the capabilities of 11ty by implementing best practices and reusable techniques that can be applied across multiple projects, reducing the website launch time. What you will learn Create a basic website with reusable templates and globally available data Build a blog using 11ty's collections Set up a photography site that uses the 11ty Image plugin to deploy properly sized images Connect a content management system to provide an enhanced editor and developer experience Model an enhanced search experience with no dedicated server through serverless functions and 11ty Serverless Boost productivity by creating custom 11ty tools and plugins Who this book is for This book is for anyone looking to build efficient websites while shipping less JavaScript to the client. Strong knowledge of HTML and CSS and beginner-level knowledge of JavaScript and the Node.js ecosystem, including querying APIs is a must.

Create a super-fast web app with Gatsby and React, and deploy it with Netlify About This Video 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 In Detail 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.