Тёмный

The best ReactJS & NextJS folder structure | How to organize and scale your React project 

Devistry
Подписаться 5 тыс.
Просмотров 2,9 тыс.
50% 1

React is a HTML rendering JavaScript library. Not a web development framework as it is often wrongly called. If it were a framework, React would decide how we should organize our files. Instead it leaves this up to you. This video shows you my prefered folder structure for making large React projects that are easy to maintain and scale.
🕑 Timestamps
00:00 Intro
01:17 Project setup and SURPRISE CAT 🐈
05:42 React Router and Page Components
11:14 Layout Components
17:47 App Provider
20:42 Posts module Main Feed page component
24:14 Nested Posts Router
27:48 usePosts custom hook
39:19 Rendering Post components
44:17 Users module Profile page component
48:43 UserContextProvider
52:53 useUserContext hook
55:17 LogIn component
1:00:20 logInWithUsername UserContext function

Наука

Опубликовано:

 

5 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 7   
@lasthp
@lasthp 5 месяцев назад
Thank you, sir.
@vonderklaas
@vonderklaas Год назад
Thank you very, a good refresher!
@jonathanperez2603
@jonathanperez2603 8 месяцев назад
The best way. Thanks for this video.
@fadilalfarhan1536
@fadilalfarhan1536 Год назад
Hi, How does this work with the nextjs 13, do i put common and modules inside the app folder?
@drupaldeveloper
@drupaldeveloper Год назад
Lovely dunglish, haha but thank you for this video learned something again! (:
@nested9301
@nested9301 Год назад
renghinng libghaghy
@chismail3685
@chismail3685 Год назад
Thanks for this useful tutorial. About the context issue: type UserContextType = { user: UserType | null; isLogin: (username: string) => Promise; }; const UserContext = createContext({ user: null, isLogin: async () => {}, }); is it good? 🤔
Далее
Applying clean architecture to my Next.js project
20:15
ЧТО ЭТО, БРАВЛ СТАРС?!😱
1:40:09
Просмотров 1,7 млн
Next.js 13… this changes everything
6:16
Просмотров 770 тыс.
Folder structure in React - Complete Guide
12:35
Просмотров 56 тыс.
How to Structure and Organize a React + TypeScript App
16:06
Blog with Next.js and and Strapi CMS
1:41:04
Просмотров 49 тыс.
Ranking The Most Popular Javascript Frameworks 2023
24:43
React Is A Backend Framework Now
8:30
Просмотров 180 тыс.
Юмор AirPods Max 😃
0:36
Просмотров 19 тыс.