Scalable Folder Structure for Front End - Hindi / Urdu

Опубликовано: 19 Май 2026
на канале: Code with Shoaib
1,426
52

Source Code: https://github.com/shoaibbhimani/feat...


Mono-repo series with Yarn workspace and Lerna
   • [#1] Monorepo Setup using Yarn Workspace -...  

Mastering React in 2021 in Hindi and Urdu
   • Mastering React Hooks Fundamentals in 2022  

Learn Javascript from Scratch | Hindi / Urdu:
   • Complete Javascript from Beginner to Exper...  

GIT and Github Playlist
   • Learn Git & Github - Hindi / Urdu Tutorial  

Visit: http://shoaibbhimani.com

Timecodes
introduction: 0:00
Anti-patterns of folder structure 02:00
Layers in Feature Driven Development 03:14
Create Entry point folder: 05:34
Public API in Folder structure 06:20
Pages Layer: 08:54
How Layers are dependent on each other 10:55
Install and Setup React Router 13:59
Feature Layers 20:28
Create AddBlog component: 20:59
How to resolve relative paths: 24:04
Create BlogList component: 27:44
How giving responsibility to each layer gives us more flexibility 30:49
Shared Layer 34:17
Library Layer and difference between Shared and Library Layer 37:13
Blog Detail Page 38:20
Outro 46:20


Want to Improve your Javascript Skills check out this book
https://amzn.to/2WiCPpv

The tool I used to Record
============

Microphones I use
1. https://amzn.to/2Qoz4ex
2. http://amzn.to/2wdqhzE

Mic Filter which good for remote noise while recording
https://amzn.to/2vWs952

Mic Stand
http://amzn.to/2fIJ5Rn

Webcam I use
https://amzn.to/2JAo61L

Follow Me on
Udemy: https://www.udemy.com/user/shoaib-bhi...
Twitter:   / shoaibbhimani  
Github: https://github.com/shoaibbhimani

About Me:
I am a Software Engineer from Mumbai (India). I Create High-Quality video tutorials on cutting edge technology like React, Redux, Mobx, JQuery, React Router, Ecmascript, Javascript, and other latest technologiesMono-repo series with Yarn workspace and Lerna
   • [#1] Monorepo Setup using Yarn Workspace -...