Combining React with industry tested server-side technologies such as Node, Express, and MongoDB creates a diverse array of possibilities when developing real-world web applications. This book guides you through setting up for MERN-based web development to building social media, an online marketplace, media streaming, and VR-infused game ...

Polish your web development skills by working on real-world projects for different use-cases of full-stack web development Key Features Understand how the different aspects of a MERN application come together through a series of practical projects Set up frontend and backend projects that can be integrated and maintained together Enhance your proficiency in building scalable and sustainable React projects Purchase of the print or Kindle book includes a free PDF eBook Book DescriptionUnderstanding full-stack development is vital as companies aim to bridge the gap between frontend and backend development. Recent trends show deeper integration between the two, opening numerous possibilities for building real-world web applications, through server-side technologies like Node.js, Express, and MongoDB. Written by the author of Learning Redux and Learn React Hooks, and CEO of TouchLay, Modern Full-Stack React Projects will guide you through the entire process of advancing from a frontend developer to a full-stack developer. Starting with how to set up robust projects that can be maintained for a long time, you’ll then progress toward developing a backend system and integrating it with the frontend. Throughout the book, you’ll learn how to build, test, and deploy a blog application and a chat application. You’ll also explore MongoDB, Express, React, Node.js (MERN) stack, best practices for frontend and backend development, different full-stack architectures, unit and end-to-end testing, and deployment of full-stack web applications. Once you get to grips with the essential concepts, you’ll progress to learn how to use Next.js, an enterprise-grade full-stack web framework for React. By the end, you’ll be well-versed in the MERN stack and all set to create performant and scalable full-stack web applications. What you will learn Implement a backend using Express and MongoDB, and unit-test it with Jest Deploy full-stack web apps using Docker, set up CI/CD and end-to-end tests using Playwright Add authentication using JSON Web Tokens (JWT) Create a GraphQL backend and integrate it with a frontend using Apollo Client Build a chat app based on event-driven architecture using Socket.IO Facilitate Search Engine Optimization (SEO) and implement server-side rendering Use Next.js, an enterprise-ready full-stack framework, with React Server Components and Server Actions Who this book is for This book is for frontend developers, JavaScript engineers, and React developers who possess a solid understanding of JavaScript and React concepts. Specifically designed for those with limited experience in the development, creation, integration, and deployment of backend and full-stack systems, this book will equip you with the necessary skills to create high-quality web applications.

Discover the current landscape of full-stack development and how to leverage modern web technologies for building production-ready React.js applications to deploy on AWS Key FeaturesUnderstand the architecture of React and single-page applicationsBuild a modern Web API for your SPA using Node.js, Express, and GraphQLGain a clear and practical understanding of how to build a complete full-stack applicationBook Description React sets the standard for building high-performance client-side web apps. Node.js is a scalable application server that is used in thousands of websites, while GraphQL is becoming the standard way for large websites to provide data and services to their users. Together, these technologies, when reinforced with the capabilities of TypeScript, provide a cutting-edge stack for complete web application development. This book takes a hands-on approach to implementing modern web technologies and the associated methodologies for building full-stack apps. You’ll begin by gaining a strong understanding of TypeScript and how to use it to build high-quality web apps. The chapters that follow delve into client-side development with React using the new Hooks API and Redux. Next, you’ll get to grips with server-side development with Express, including authentication with Redis-based sessions and accessing databases with TypeORM. The book will then show you how to use Apollo GraphQL to build web services for your full-stack app. Later, you’ll learn how to build GraphQL schemas and integrate them with React using Hooks. Finally, you’ll focus on how to deploy your application onto an NGINX server using the AWS cloud. By the end of this book, you’ll be able to build and deploy complete high-performance web applications using React, Node, and GraphQL. What you will learnDiscover TypeScript’s most important features and how they can be used to improve code quality and maintainabilityUnderstand what React Hooks are and how to build React apps using themImplement state management for your React app using ReduxSet up an Express project with TypeScript and GraphQL from scratchBuild a fully functional online forum app using React and GraphQLAdd authentication to your web app using RedisSave and retrieve data from a Postgres database using TypeORMConfigure NGINX on the AWS cloud to deploy and serve your appsWho this book is for The book is for web developers who want to go beyond front-end web development and enter the world of full-stack web development by learning about modern web technologies and how they come together. A good understanding of JavaScript programming is required before getting started with this web development book.

PUBLISHER'S NOTE: A new edition of this book is now available, revised and updated for Spring Boot 3 and TypeScript. Key Features Utilize Spring Boot to make powerful, complex, and secure backends for your applications Leverage React’s full arsenal of tools for building slick, high-performance frontends Build modern, scalable full stack applications that comfortably meet the demands of your users Book DescriptionGetting started with full stack development can be daunting. Even developers who are familiar with the best tools, such as Spring Boot and React, can struggle to nail the basics, let alone master the more advanced elements. If you’re one of these developers, this comprehensive guide covers everything you need! This updated edition of the Full Stack Development with Spring Boot 2 and React book will take you from novice to proficient in this expansive domain. Taking a practical approach, this book will first walk you through the latest Spring Boot features for creating a robust backend, covering everything from setting up the environment and dependency injection to security and testing. Once this has been covered, you’ll advance to React frontend programming. If you’ve ever wondered about custom Hooks, third-party components, and MUI, this book will demystify all that and much more. You’ll explore everything that goes into developing, testing, securing, and deploying your applications using all the latest tools from Spring Boot, React, and other cutting-edge technologies. By the end of this book, you'll not only have learned the theory of building modern full stack applications but also have developed valuable skills that add value in any setting.What you will learn Make fast and RESTful web services powered by Spring Data REST Create and manage databases using ORM, JPA, Hibernate, and more Explore the use of unit tests and JWTs with Spring Security Employ React Hooks, props, states, and more to create your frontend Discover a wide array of advanced React and third-party components Build high-performance applications complete with CRUD functionality Harness MUI to customize your frontend Test, secure, and deploy your applications with high efficiency Who this book is for This book is for Java developers who are familiar with Spring Boot but don’t know where to start when it comes to building full stack applications. You'll also find this book useful if you're a frontend developer with knowledge of JavaScript basics looking to learn full stack development or a full stack developer experienced in other technology stacks looking to learn a new one.

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

Become a full-stack developer by learning popular Microsoft technologies and platforms such as .NET Core, ASP.NET Core, Entity Framework, and Azure Key FeaturesBring static typing to web development with features compatible in TypeScript 3Implement a slim marketplace single page application (SPA) in Angular, React, and VueModernize your web apps with Microsoft Azure, Visual Studio, and GitBook Description Today, full-stack development is the name of the game. Developers who can build complete solutions, including both backend and frontend products, are in great demand in the industry, hence being able to do so a desirable skill. However, embarking on the path to becoming a modern full-stack developer can be overwhelmingly difficult, so the key purpose of this book is to simplify and ease the process. This comprehensive guide will take you through the journey of becoming a full-stack developer in the realm of the web and .NET. It begins by implementing data-oriented RESTful APIs, leveraging ASP.NET Core and Entity Framework. Afterward, it describes the web development field, including its history and future horizons. Then, you’ll build webbased Single-Page Applications (SPAs) by learning about numerous popular technologies, namely TypeScript, Angular, React, and Vue. After that, you’ll learn about additional related concerns involving deployment, hosting, and monitoring by leveraging the cloud; specifically, Azure. By the end of this book, you’ll be able to build, deploy, and monitor cloud-based, data-oriented, RESTful APIs, as well as modern web apps, using the most popular frameworks and technologies. What you will learnBuild RESTful APIs in C# with ASP.NET Core, web APIs, and Entity FrameworkSee the history and future horizons of the web development fieldBring static-typing to web apps using TypeScriptBuild web applications using Angular, React, and VueDeploy your application to the cloudWrite web applications that scale, can adapt to changes, and are easy to maintainDiscover best practices and real-world tips and tricksSecure your backend server with Authentication and Authorization using OAuth 2.0Who this book is for This book is for developers who are keen on strengthening their skills in the field of cloud-based full-stack web development. You need basic knowledge of web-related pillars, including HTML, CSS, and JavaScript, as well as C# and REST. This book targets novice developers in the realm of Web development and ASP.NET who desire to advance to modern Web and ASP.NET Core development and leverage the Cloud to manage and bring everything together.

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.

Unlock the power of Visual Studio 2022 with this step-by-step illustrated guide and leverage its powerful features Key Features Ride the wave of artificial intelligence using the new GPT-based extensions Explore tips, tricks, and best practices to discover ways to overcome source-code challenges Get to grips with Visual Studio's basic and advanced features to harness its full potential and enhance your coding journey Purchase of the print or Kindle book includes a free PDF eBook Book DescriptionVisual Studio 2022 is widely recognized as the best IDE for application development across various domains. This book is a comprehensive guide for both beginners and experienced .NET developers who wish to familiarize themselves with its basic, advanced, and new features. This book is divided into three sections: the first is an overview of Visual Studio, the second part explores tools for productivity within the IDE, and the third delves into integration with GitHub and Visual Studio extensions. In this second edition, we’ve also expanded the chapters on the use of Visual Studio to environments beyond web development, such as Azure, Desktop, .NET MAUI, and others. Updates to the IDE introduced since the release year of the first edition of the book in 2022 have also been included, such as the use of GPT-based extensions like GitHub Copilot and GitHub Copilot Chat, as well as profiling tools. The book reviews breakpoint groups, a new way to configure breakpoints, as well as tools for web development, such as Browser Link, Dev Tunnels, and Web API Endpoints Explorer. For more advanced developers, the book addresses the topic of developing extensions through the use of the new Visual Studio SDK. By the end of this book, you’ll have a better understanding of Visual Studio 2022 and how to use it to its fullest potential.What you will learn Discover what's new in Visual Studio 2022 Get to grips with the new features in code tools to improve productivity Explore latest compilation and debugging tips Unveil shortcuts, tricks, tips, and tools to improve productivity within Visual Studio 2022 Leverage remote and collaborative work with Visual Studio 2022 Find out how to create new projects and templates in Visual Studio 2022 Enhance your skills by learning general tools, shortcuts, and tips for .NET developers Implement version control with Git Integration into your workflow Who this book is for This book is for .NET developers who want to learn how to use the latest features, tools, and extensions available in Visual Studio 2022. To get the most out of the book, general knowledge of C# is recommended. Knowledge of web development, Azure, .NET MAUI, and Desktop with .NET will help you follow along, but it’s not a prerequisite.

Take your web applications to a whole new level with efficient, component-based UIs that deliver cutting-edge interactivity and performance. Key Features Elaborately explains basics before introducing advanced topics Explains creating and managing the state of components across applications Implement over 15 practical activities and exercises across 11 topics to reinforce your learning Book Description Projects like Angular and React are rapidly changing how development teams build and deploy web applications to production. In this book, you’ll learn the basics you need to get up and running with React and tackle real-world projects and challenges. It includes helpful guidance on how to consider key user requirements within the development process, and also shows you how to work with advanced concepts such as state management, data-binding, routing, and the popular component markup that is JSX. As you complete the included examples, you’ll find yourself well-equipped to move onto a real-world personal or professional frontend project. What you will learn Understand how React works within a wider application stack Analyze how you can break down a standard interface into specific components Successfully create your own increasingly complex React components with HTML or JSX Correctly handle multiple user events and their impact on overall application state Understand the component lifecycle to optimize the UX of your application Configure routing to allow effortless, intuitive navigation through your components Who this book is for If you are a frontend developer who wants to create truly reactive user interfaces in JavaScript, then this is the book for you. For React, you’ll need a solid foundation in the essentials of the JavaScript language, including new OOP features that were introduced in ES2015. An understanding of HTML and CSS is assumed, and a basic knowledge of Node.js will be useful in the context of managing a development workflow, but is not essential.

Over 66 hands-on recipes that cover UI development, animations, component architecture, routing, databases, testing, and debugging with React Key Features Use essential hacks and simple techniques to solve React application development challenges Create native mobile applications for iOS and Android using React Native Learn to write robust tests for your applications using Jest and Enzyme Book Description Today's web demands efficient real-time applications and scalability. If you want to learn to build fast, efficient, and high-performing applications using React 16, this is the book for you. We plunge directly into the heart of all the most important React concepts for you to conquer. Along the way, you’ll learn how to work with the latest ECMAScript features. You'll see the fundamentals of Redux and find out how to implement animations. Then, you’ll learn how to create APIs with Node, Firebase, and GraphQL, and improve the performance of our application with Webpack 4.x. You'll find recipes on implementing server-side rendering, adding unit tests, and debugging. We also cover best practices to deploy a React application to production. Finally, you’ll learn how to create native mobile applications for iOS and Android using React Native. By the end of the book, you'll be saved from a lot of trial and error and developmental headaches, and you’ll be on the road to becoming a React expert. What you will learn Gain the ability to wield complex topics such as Webpack and server-side rendering Implement an API using Node.js, Firebase, and GraphQL Learn to maximize the performance of React applications Create a mobile application using React Native Deploy a React application on Digital Ocean Get to know the best practices when organizing and testing a large React application Who this book is for If you’re a JavaScript developer who wants to build fast, efficient, scalable solutions, then you’re in the right place. Knowledge of React will be an advantage but is not required. Experienced users of React will be able to improve their skills.