
Building Design Systems with MERN
Level up your skills in designing and building full stack React products
Qiang Hao(Author)
Packt Publishing
Published on 3. February 2023
Book
Paperback/Softback
278 pages
978-1-80461-102-9 (ISBN)
Description
A practical guide to mastering MERN development by building a full-fledged react web applications
Key Features
* Get expert techniques in building design systems using MERN stack
* Master advanced level concepts in full stack development using MERN
* Explore best practices in creating design systems and building web applications
Book Description
Admin Dashboard and Template refer to a bundle of ready-to-use and functional web pages that can be adopted by other web developers to develop enterprise software. Admin Dashboard can reduce the pain of creating web applications from scratch, and prevent spending valuable time on reinventing the wheel. As a result, Admin Dashboards and Templates are in high demand on various theme markets (e.g., ThemeForest) at a premium price.
React has opened up new frontiers and changed the way front-end developers build web applications. Additionally, the availability of robust full JavaScript stack technologies (e.g., Node, Express, and MongoDB) have made web development even more efficient. React Admin Dashboards have witnessed wide adoption and increasing popularity.
This book addresses major challenges in designing and building a React Admin Dashboard, such as setting up authentication and developing various functional components. This book also demonstrates using Node, Express, and MongoDB as the backend to support the built Dashboard. This book adheres to the philosophy of learning with worked examples. All examples are used as opportunities to cover intermediate or advanced React knowledge.
In summary, this book aims to serve as an essential guide for you to start designing and developing a React Admin Dashboard.
What you will learn
* Understand the tasks and challenges involved in designing and building a React Admin Dashboard
* Translate the design into themes with different color palettes
* Implement scalable approaches to handle authentication
* Implement extensible solutions to handle routing and redirection
* Increase the extent of decoupling by separating layouts, views and components
* Understand advanced concepts in React such as customized hooks and contexts
* Know how to configure and set up a backend using MERN stack
Who This Book Is For
This book is for JavaScript developers with beginner-level experience in React and full stack development involving Node.js, Express, and MongoDB.
Key Features
* Get expert techniques in building design systems using MERN stack
* Master advanced level concepts in full stack development using MERN
* Explore best practices in creating design systems and building web applications
Book Description
Admin Dashboard and Template refer to a bundle of ready-to-use and functional web pages that can be adopted by other web developers to develop enterprise software. Admin Dashboard can reduce the pain of creating web applications from scratch, and prevent spending valuable time on reinventing the wheel. As a result, Admin Dashboards and Templates are in high demand on various theme markets (e.g., ThemeForest) at a premium price.
React has opened up new frontiers and changed the way front-end developers build web applications. Additionally, the availability of robust full JavaScript stack technologies (e.g., Node, Express, and MongoDB) have made web development even more efficient. React Admin Dashboards have witnessed wide adoption and increasing popularity.
This book addresses major challenges in designing and building a React Admin Dashboard, such as setting up authentication and developing various functional components. This book also demonstrates using Node, Express, and MongoDB as the backend to support the built Dashboard. This book adheres to the philosophy of learning with worked examples. All examples are used as opportunities to cover intermediate or advanced React knowledge.
In summary, this book aims to serve as an essential guide for you to start designing and developing a React Admin Dashboard.
What you will learn
* Understand the tasks and challenges involved in designing and building a React Admin Dashboard
* Translate the design into themes with different color palettes
* Implement scalable approaches to handle authentication
* Implement extensible solutions to handle routing and redirection
* Increase the extent of decoupling by separating layouts, views and components
* Understand advanced concepts in React such as customized hooks and contexts
* Know how to configure and set up a backend using MERN stack
Who This Book Is For
This book is for JavaScript developers with beginner-level experience in React and full stack development involving Node.js, Express, and MongoDB.
More details
Language
English
Place of publication
Birmingham
United Kingdom
Target group
Professional and scholarly
Dimensions
Height: 93 mm
Width: 75 mm
ISBN-13
978-1-80461-102-9 (9781804611029)
Copyright in bibliographic data and cover images is held by Nielsen Book Services Limited or by the publishers or by their respective licensors: all rights reserved.
Schweitzer Classification
Person
Qiang Hao is an Associate Professor of Computer Science at Western Washington University. Qiang has over 10-year experience in web development. Qiang started his professorship at Western Washington University in 2017, taught various computer science courses, and experimented with different web development tools in his research. His teaching enjoys great popularity among students, and his research has appeared in highly selected venues.
Content
Table of Contents
* Getting started
* Developing an Extensible Routing System
* Developing a Scalable Authentication System
* Developing a Multi-Palette Theme
* Implementing the Login and Registration Pages
* Authentication
* Custom hooks
* Server-side development with Express.js and MongoDB
* Develop and test RESTful APIs
* Using React-Query to manage front end states
* Common optimization techniques
* Search engine optimization
* Getting started
* Developing an Extensible Routing System
* Developing a Scalable Authentication System
* Developing a Multi-Palette Theme
* Implementing the Login and Registration Pages
* Authentication
* Custom hooks
* Server-side development with Express.js and MongoDB
* Develop and test RESTful APIs
* Using React-Query to manage front end states
* Common optimization techniques
* Search engine optimization