Develop a web application while learning how to harness the capabilities of the web platform and advanced technologies for an exceptional user experience
Key Features
Create a full stack web application using cutting-edge technologies such as distributed edge deploy, Redis, and multi-region databases
Unlock the full potential of the web platform to enhance your React dev experience
Discover how Remix assists in building a seamless user experience from start to finish
Purchase of the print or Kindle book includes a free PDF eBook
Book Description
We’re in an exciting era of web development marked by the rapid evolution of the JavaScript ecosystem. Remix offers the necessary abstractions to take advantage of the latest advancements in React and beyond. With this Remix book, you can elevate your skills from React development to full stack web development, unlocking the full potential of the latest technologies, such as edge functions, streaming, and the full stack of the web platform.
This book guides you through Remix’s thoughtfully designed conventions, levers, and primitives to sharpen your web development skills. In this book, you’ll develop a personal finance management application—a dashboard that mimics both personal and enterprise use cases. Each chapter introduces new concepts, such as routing, data fetching, mutations, error handling, and state management, as well as advanced topics, such as real-time communication, edge deploys, and caching strategies to create a great user experience from end to end. As you apply each concept to the finance dashboard, you’ll discover how you can supercharge your React app with Remix. The final section of this book covers migration strategies, guiding you on how to transition an existing application to Remix.
By the end of this book, you’ll have a comprehensive understanding of Remix and the experience of building a full stack web app from start to finish.
What you will learn
Understand Remix’s philosophy and guiding principles
Enhance your web platform proficiency to make it applicable anywhere
Master data mutations, routing, error handling, and state management with Remix
Understand how to build web apps with accessibility and progressive enhancement in mind
Get acquainted with advanced topics such as caching strategies, real-time communication, and developing for the edge
Understand state-of-the-art technologies, such as serverless functions, edge computing, and Content Delivery Networks (CDNs)
Study migration patterns to move an existing project to Remix
Who this book is for
This book is for React developers looking to adopt Remix for their next project. For those considering migrating to Remix, this guide offers a comprehensive walkthrough of building a full stack web app. To make the most of this book, beginner-level development experience with React and JavaScript is recommended. While having basic knowledge of server-side runtimes such as Node.js and experience with TypeScript can be beneficial, they are not mandatory prerequisites.

lgli/Full Stack Web Development with Remix Enhance the user experience and build better React apps by utilizing the web platform.pdf

lgrsnf/Full Stack Web Development with Remix Enhance the user experience and build better React apps by utilizing the web platform.pdf

zlib/Computers/Web Development/Andre Landgraf/Full Stack Web Development with Remix: Enhance the user experience and build better React apps by utilizing the web platform_27086979.pdf

React 18 Design Patterns and Best Practices : Design, Build, and Deploy Production-ready Web Applications with React by Leveraging Industry-best Practices

React 18 Design Patterns and Best Practices: Design, Build, and Deploy Production-Ready Web Applications with Ease and Create Powerful User Experiences

BUILDING MICRO FRONTENDS WITH REACT : explore various microfrontend strategies when building... and deploying scalable applications with react

REACT 18 DESIGN PATTERNS AND BEST PRACTICESFOURTH EDITION : design, build, and deploy... production-ready web applications with ease and cr

FULL STACK WEB DEVELOPMENT WITH REMIX : build production-ready react web applications with... server-side rendering capabilities

Building Micro Frontends with React 18 : Develop and Deploy Scalable Applications Using Micro Frontend Strategies

React 18 Design Patterns and Best Practices - Fourth Edition

Carlos Santana Roldán

Carlos Santana Roldan

Vinci J. Rufus

Packt Publishing, [Place of publication not identified], 2023

United Kingdom and Ireland, United Kingdom

Packt Publishing, Birmingham, 2023

4th ed., PS, 2023

{"isbns":["1801075298","9781801075299"],"last_page":318,"publisher":"Packt Publishing"}

Cover
Title page
Copyright and credits
Foreword
Contributors
Table of Contents
Preface
Part 1 – Getting Started with Remix
Chapter 1: The Era of Full Stack Web Frameworks
Introducing Remix
Remix is a web framework
Remix is a full stack framework
Understanding the philosophy behind Remix
Primitives, conventions, and levers
Primitives
Conventions
Levers
Remix behind the scenes
Remix is a compiler
Remix is a router
Remix is a runtime
What Remix is not
Summary
Further reading
Chapter 2: Creating a New Remix App
Technical requirements
Creating a “Hello World!” Remix app
Understanding Remix’s file and folder structure
Exploring the client and server environments
The two bundles of your Remix application
Client and server code
Troubleshooting Remix applications
A Remix troubleshooting process
Looking for answers
Summary
Further reading
Chapter 3: Deployment Targets, Adapters, and Stacks
Technical requirements
Picking a deployment target
Picking a JavaScript runtime
Picking a hosting environment
Making the final decision
Switching between adapters
Using Remix Stacks
Working with Remix official stacks
Working with custom templates
Working with BeeRich
Summary
Further reading
Chapter 4: Routing in Remix
Technical requirements
Working with Remix's route module API
Route file-naming conventions
Working with file-based routing
Creating route modules
Available route module exports
Composing pages from nested routes
Using route parameters for dynamic routing
Parameterized route segments
Sharing layouts
Using parent layout routes
Using pathless layout routes
Handling navigations in Remix
Navigating with Remix’s link components
Indicating page transitions
Redirecting a user from the server
Summary
Further reading
Part 2 – Working with Remix and the Web Platform
Chapter 5: Fetching and Mutating Data
Technical requirements
Fetching data
Fetching data at the route level
Fetching dynamic data in parameterized routes
Loading data in parallel
Mutating data
Mutating data without JavaScript
Mutating data with JavaScript
Summary
Further reading
Chapter 6: Enhancing the User Experience
Technical requirements
Understanding progressive enhancement
Progressive enhancement in Remix
Making it work without JavaScript
Making it worse before making it better
Testing on slow networks
Prefetching data
Working with action data
Handling concurrent mutations
Adding a form to a list
Supporting multiple pending states
Summary
Further reading
Chapter 7: Error Handling in Remix
Technical requirements
Dealing with unexpected errors
Invoking client and server errors
Handling errors with the root error boundary
Nested error handling
Handling thrown responses
Throwing responses
Handling exceptions with error boundaries
Creating a resilient experience
Handling page-not-found (404) errors
Summary
Further reading
Chapter 8: Session Management
Technical requirements
Working with search parameters
Reading search parameters in loader functions
Updating search parameters with form submissions
Programmatically submitting forms
Creating user sessions with cookies
Working with Remix’s session helpers
Adding a user registration flow
Adding a user login flow
Deleting a session during logout
Authenticating access to user data
Accessing cookie data on the server
Working with user data on the client
Enforcing authentication on the server
Summary
Further reading
Chapter 9: Assets and Metadata Handling
Technical requirements
Using meta tags in Remix
Declaring global meta tags
Exporting the meta function
Nesting meta exports
Using loader data in meta functions
Using matches data in meta functions
Handling fonts, images, stylesheets, and other assets
Working with static assets
Managing links in Remix
Styling in Remix
Working with images in Remix
Exposing assets with loader functions
Summary
Further reading
Chapter 10: Working with File Uploads
Technical requirements
Using multi-part form data in Remix
Processing files on the server
Loading files into memory
Using Remix’s upload handler helper functions
Authorizing access to assets with resource routes
Forwarding files to third-party services
Summary
Further reading
Part 3 – Advanced Concepts of Full Stack Web Development with Remix
Chapter 11: Optimistic UI
Technical requirements
Considering optimistic UI
Communicating rollbacks
Synchronizing client and server states
Synchronizing client and server states in Remix
Adding optimistic UI updates in Remix
Creating an expense
Updating an expense
Deleting an expense
Removing an attachment
Summary
Further reading
Chapter 12: Caching Strategies
Technical requirements
Working with HTTP caching
Adding HTTP headers in Remix
Caching public pages in shared caches
Understanding Remix’s built-in caching
Caching personalized pages in private caches
Caching immutable data responses
Caching dynamic data responses with entity tags
Exploring in-memory caching
Summary
Further reading
Chapter 13: Deferring Loader Data
Technical requirements
Streaming data to the client
Motivating server-side data fetching and streaming
Understanding HTTP streaming requirements
Deferring loader data
Summary
Further reading
Chapter 14: Real Time with Remix
Technical requirements
Working with real-time technologies
Understanding polling
Understanding SSE
Understanding WebSocket
Building real-time UIs with Remix
Summary
Further reading
Chapter 15: Advanced Session Management
Technical requirements
Managing visitor sessions
Implementing pagination
Summary
Further reading
Chapter 16: Developing for the Edge
Living on the edge
Computing at the edge
Running web apps on the edge
Remixing the edge
Understanding the edge’s benefits and limitations
Summary
Further reading
Chapter 17: Migration and Upgrade Strategies
Migrating to Remix
Migrating non-React apps to Remix
Migrating from a React app
Migrating from React Router
Working with a backend application
Keeping Remix apps up to date
Summary
Further reading
Index
Other Books You May Enjoy

Become a full life cycle developer by not only learning how to build micro frontends but also deploying and managing them efficiently in a cloud-native environmentKey FeaturesGo through strategies for building and deploying production-grade micro frontends on the cloudExplore the right choice and guiding principles to build different micro frontend patternsLearn how to use React the right way to build and deploy micro frontends with this step-by-step guidePurchase of the print or Kindle book includes a free PDF eBookBook DescriptionAlthough deservedly popular and highly performant tools for building modern web applications, React and single-page applications (SPAs) become more and more sluggish as your applications and teams grow. To solve this problem, many large web apps have started to break down monolith SPAs into independently deployable smaller apps and components—a pattern called micro frontends. But micro frontends aren't a perfect solution, but rather a double-edged sword. This book teaches you how to architect and build them with the right principles to reap all the benefits without the pitfalls. This book will take you through two patterns of building micro frontends, the multi-SPA pattern and the micro apps pattern. You'll find out which patterns to use and when, as well as take a look at the nuances of deploying these micro frontends using cloud-native technologies such as Kubernetes and Firebase. With the help of this book, you'll gain an in-depth understanding of state management, solving problems with routing, and deployment strategies between the different micro frontends. By the end of this book, you'll have learned how to design and build a React-based micro frontend application using module federation and deploy it to the cloud efficiently.What you will learnDiscover two primary patterns for building micro frontendsExplore how to set up monorepos for efficient team collaborationDeal with complexities such as routing and sharing state between different micro frontendsUnderstand how module federation works and use it to build micro frontendsFind out how to deploy micro frontends to cloud platformsFigure out how to build the right development experience for teamsWho this book is forThis book is for intermediate- to advanced-level developers with a working knowledge of React and web application development with JavaScript and TypeScript. Knowledge of concepts like client-side and server-side rendering, React, NodeJS, Webpack, and the basics of Kubernetes and serverless computing is desirable, but not necessary.

Dive in and discover how to build awesome React web apps that you can scale and maintain using design patterns and the latest industry insights Purchase of the print or Kindle book includes a free PDF eBookKey FeaturesDiscover and unpack the latest React 18 and Node 19 features in this updated fourth editionGet up to speed with TypeScript, MonoRepo architecture, and several cutting-edge React toolsLearn from plenty of real-world examples and an improved chapter flowBook DescriptionReact helps you work smarter, not harder — but to reap the benefits of this popular JavaScript library and its components, you need a straightforward guide that will teach you how to make the most of it. React 18 Design Patterns and Best Practices will help you use React effectively to make your applications more flexible, easier to maintain, and improve their performance, while giving your workflow a huge boost. With a better organization of topics and knowledge about best practices added to your developer toolbox, the updated fourth edition ensures an enhanced learning experience. The book is split into three parts; the first will teach you the fundamentals of React patterns, the second will dive into how React works, and the third will focus on real-world applications. All the code samples are updated to the latest version of React and you'll also find plenty of new additions that explore React 18 and Node 19's newest features, alongside MonoRepo Architecture and a dedicated chapter on TypeScript. By the end of this book, you'll be able to efficiently build and deploy real-world React web applications.What you will learnGet familiar with the new React 18 and Node 19 featuresExplore TypeScript's basic and advanced capabilitiesMake components communicate with each other by applying various patterns and techniquesDive into MonoRepo architectureUse server-side rendering to make applications load fasterWrite a comprehensive set of tests to create robust and maintainable codeBuild high-performing applications by styling and optimizing React componentsWho this book is forThis book is for web developers who want to master React by learning key design patterns and best practices in real-world application development. You'll need an intermediate-level experience with React and JavaScript before you get started.

2023-11-10