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

Published: 27 January 2024
on channel: Code With Gionatha
3,329
145

🌱 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


Watch video How to create a scalable codebase architecture with Nx, Typescript, Prettier and Eslint online without registration, duration hours minute second in high quality. This video was added by user Code With Gionatha 27 January 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,32 once and liked it 14 people.