Jumpstart your working knowledge of Typescript with a quick, practical guide and start using this open source, object orientated language with confidence. This book highlights how Typescript works with JavaScript and its frameworks, giving it greater functionality, especially for larger enterprise projects.  You'll start by reviewing some fundamentals such as how to run a TypeScript file and compile it to JavaScript as well as understand how it sits within the full ecosystem alongside React, Redux, Angular and Webpack. Using a practical project-led approach, you'll go through key concepts and aspects of Typescript such as compilers, arrays, classes and interfaces. Once you complete the fundamental basics, you'll move onto more complex topics like advanced types.  You'll also learn about Decorators, which are a must-have feature in Angular. The book then presents a small To-do list project followed by a  larger 'Drag and Drop' project. You'll see how to divide the drag and drop project into small manageable modules and learn to make the project more efficient with Webpack. Lastly, you'll create two more React projects, a party app with React and then one with React and Redux.  Typescript Basics reveals how this JavaScript extension is currently the fastest growing language for web development with more and more developers and companies looking to utilize and adopt it within their current workflows and projects.  What You'll Learn Understand the particulars of Typescript and how it feeds into the JS and Web development eco-system Implement Typescript for enterprise projects Use Typescript with practical projects and examples See how Typescript interacts with major frameworks like React and Angular Who This Book Is For Those who want to learn about TypeScript and implement it in their Enterprise or hobby projects with React and Angular. Beginners will find it easy to learn the basic concepts and principles to get started and to progress onto more advanced projects and how to implement them.

Expand your Gatsby development skills by building a production-ready blog website. This book teaches you how to use Gatsby alongside the latest technologies including MDX, CDN, and Netlify. In this project, you will create a very complex and large blog site with just MDX files and learn to optimize images using CDN for faster website loading. You will also learn to continuously deploy to Netlify enabling you to provide daily site updates easily. To get the most out of this book you should be comfortable with the basics of React and familiar with Gatsby fundamentals as covered in Foundation Gatsby Projects, which provides several stepping stone projects. Rather than cover how to create a simple blog site, Extending Gatsby goes beyond the basics to extend your blogging skills. What You'll Learn Develop a production-ready, complex, blogging system site with MDX Learn to make a complete mobile site Continuously deploy your site using Netlify Add functionalities with the powerful Gatsby plugin ecosystem Who This Book Is For This book is for developers who are familiar with Gatsby and are looking to create an extended blog site. Knowledge of React is expected. You will also need to be familiar with JavaScript concepts and be confident with basic web development.

Roll your sleeves up and master advanced topics in Gatsby development by building two production-ready websites. This project-focused book teaches you how to use Gatsby alongside the latest technologies including Snipcart, and Firebase. It builds off of Foundation Gatsby Projects and it's recommended that you complete that first if you are new to Gatsby. In the first project, you will create a fully functional e-commerce site for a restaurant using Snipcart. Lastly, you'll learn to build a recipe site using the Firebase database. Many Gatsby tutorials out there today only cover how to create a simple blog site - get ahead of the crowd using this book today. What You'll Learn Create an e-commerce site in no time using Snipcart with Gatsby Work with the Firebase database from Google in a Gatsby site Deploy all sites in Netlify Add functionalities with the powerful Gatsby plugin ecosystem Who This Book Is For Anyone who wants to create a site using Gatsby, though knowledge of React and Gatsby is expected. You will need to be familiar with JavaScript concepts and be confident with basic web development. It is advisable to complete Foundation Gatsby Projects first if you have no Gatsby experience.

Enhance your Gatsby skillset by building a series of ready-to-use web sites. With the aid of four projects, this book teaches you how to use Gatsby alongside the latest technologies, including Contentful, Twillio, and Stackbit. In the first project, you will create a simple agency site with a contact form and deploy it to Netlify. You'll then quickly be able to create other basic client sites. Next, you will learn to set up a blog site using Stackbit and Dev CMS. Other projects include a large site built with Contentful and a video chat using Twilio. Many Gatsby tutorials out there today only cover how to create blog sites - get ahead of the crowd using this book today. What You'll Learn Use Contentful CMS with Gatsby Build sites quickly with Stackbit service Develop a video chat site similar to Skype with Twilio services Deploy all sites in Netlify Add functionalities with the powerful Gatsby plugin ecosystem Integrate advertisements Who This Book Is For Anyone who wants to create a site using Gatsby. A little knowledge of React is expected but is not a necessity. You will need to be familiar with JavaScript concepts and be confident with basic web development.

Master the query language that is revolutionizing how websites are developed and built. This book is a hands-on guide to GraphQL, and will teach you how to use this open source tool to develop and deploy applications quickly and with minimal fuss. Using a project-based approach, you'll learn how to use GraphQL from the ground up. You'll start with the basics, including set up and key details regarding queries and mutations, before moving on to more advanced topics and projects. Over the course of the book, you will gain a thorough understanding of the web development ecosystem from frontend to backend by building React applications using Prisma Apollo Client and MongoDB. After completing this book, you'll be equipped with the knowledge and skills needed to turbo charge your own enterprise projects. What You Will Learn Understand what GraphQL is and how to use it Distinguish between queries and mutations, and how to leverage them Gain a greater knowledge of full-stack applications with React, Apollo Server, and Apollo Client Create a full stack application with React and Prisma Who This Book Is For Developers and engineers who want to learn about GraphQL so that they can implement in their enterprise React projects. This book is aimed at both backend developers and full stack developers who want to learn to create backend queries using GraphQL.

Use React with Firebase to build four beginner-friendly apps. A lot of React tutorials out there today only cover basic web apps, but with additional features the web apps included in this book can be converted into fully scaled startups. You will start with the basics: learn to deploy a React app with Firebase hosting. Next, you will learn to create a fully functional "ToDo" app that will use Firebase database to store a list action items. You will also learn to create a "Stories" app, in which you can show short vertical videos, and a document storage app. Here, we will be able to log in using Google Authentication, and will learn to store files in the app using Firebase storage. Lastly, you will create a career social media app. Your users will be able to log in using email and password authentication. You will learn to use Redux in this project.While creating these web apps, you will employ multiple concepts, including React hooks, React components, and how to use Material UI. You will learn to use Firebase to host your database, as well as hosting your app. With these projects in your portfolio you'll be ready to take your developer skills to the next level. What You'll Learn Use Firebase's powerful services, and how to connect Firebase with React Explore the React ecosystem, including Redux and React hooks Work with MaterialUI, the popular React UI framework Understand how to use Google Authentication techniques in your sites Deploy all sites using simple Firebase hosting Who This Book Is For Developers at the beginning of their career, or anyone who wants to take their React skills to the next level.

Learn how to use the MERN stack (MongoDB, Express.js, React, and Node) to build five fully functioning web apps for dating, video sharing, messaging, and social media. While creating these web apps, you'll learn key development concepts including how to use React hooks, Redux, MongoDB, Express, Heroku, Firebase, Material UI, and Google authentication. By expanding your portfolio with the projects you create, you will be well equipped as front-end developer. You will first create a dating site with a swiping feature and chat functionality. You will then build a video sharing app with videos displaying vertically. Next, you will learn to build an awesome messaging web app. Users will be able to chat in real time, as well as log in to their account using Google authentication. You will also create a photo sharing app and social media web apps with the ability to post images with captions and log in using email and password authentication. Most MERN tutorials out there today cover basic web apps but it is capable of so much more - learn how to use this stack to its full potential and build projects that can be converted into full scaled start-ups with additional features. What You'll Learn Work with React hooks and React router Examine powerful MongoDB services for easy to use and setup Create routes using Node and host on Heroku Study different authentication techniques Deploy all sites using simple Firebase hosting Use the powerful React ecosystem to add functionalities to your apps Who This book Is For Those who have just started their career in web development and have basic knowledge of the core web technologies: HTML, CSS, and JavaScript. Those with basic React development and feel ready to explore its capabilities further.