How to create a scalable codebase architecture with Nx, Typescript, Prettier and Eslint

🌱 Source Code: https://github.com/CodeWithGionatha-L...
💬 Discord:   / discord  


📚 Resources
Nx: https://nx.dev/
Prettier: https://prettier.io/
Eslint: https://eslint.org/


In this video, we will learn how to create a modern scalable codebase architecture by using Nx, Typescript, Prettier, and Eslint (monorepo pattern).


Timestamps
00:00:00 Intro
00:01:56 Creating an Nx workspace
00:03:32 Exploring the workspace files
00:07:54 Scaffolding the workspace
00:10:22 Adding typescript
00:14:24 Adding Prettier
00:20:17 Creating our first application
00:26:09 Extending the project.json file
00:29:12 Benefits of Nx monorepo
00:30:37 Adding ESlint
00:35:45 Fixing ESlint errors
00:39:45 Styling app-one
00:41:16 Exploring the Nx Console
00:42:00 Creating our second application
00:44:51 Creating a shared component
00:55:00 Nx run-many & caching behavior
00:58:33 Nx graph
00:59:22 Creating the random-api app
01:05:52 Creating a shared api interface
01:12:36 useRandomColor hook
01:19:23 Wrap up