Тёмный

Structure Your React Projects Like a Pro! Tips to Look Like a Senior 

TheFrontend - By Carlos Chao
Подписаться 238
Просмотров 777
50% 1

Hello, frontend developers!
In this video, I’ll share the best tips and practices for structuring your React projects and taking your skills to the next level. Discover how to efficiently organize your code, implement advanced patterns, and adopt the techniques used by senior developers to stand out in the web development world.
What will you learn?
• How to organize folders and files in a React project.
• Common design patterns and their application in React.
• Tips to improve the scalability of your applications.
If you want to impress your colleagues and look like a true professional, don’t miss this video!
🔔 Don’t forget to subscribe to @ElFrontend for more web development content.
👍 Like the video if you enjoyed it and share it with other developers!
📝 Leave your questions and comments below, I’d be happy to help you.
See you in the video!
#React #WebDevelopment #Frontend #CodingTips #ElFrontend
==================================
🎬 Watch our latest videos: @ElFrontend
📢 Don’t forget to:
👍 Like this video
💬 Leave a comment

Наука

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

 

18 июн 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 13   
@felipedev_
@felipedev_ 15 дней назад
Esta muy excelente el video, solo un correción Dan Abramov no fue el creador de React, fue el creador de Redux y es core mantainer de React. Saludos!
@ElFrontend
@ElFrontend 15 дней назад
Muchísimas gracias. Tienes toda la razón. Ahora investigando un poco mas veo que Dan dejo Meta.
@guillermooliverarovere2647
@guillermooliverarovere2647 15 дней назад
Muy buen video bro!
@ElFrontend
@ElFrontend 15 дней назад
Gracias 🙏
@germanbarreiro305
@germanbarreiro305 25 дней назад
😁😁😁
@carlosalbertocabreraquirog8297
@carlosalbertocabreraquirog8297 14 дней назад
podrias hacer ejemplo de un pequeño proyecto aplicando la arquitectura? * ¿donde irian los stores de zustand o Redux? * ¿donde irian los layouts? * ¿como manejarias las rutas privada?
@ElFrontend
@ElFrontend 14 дней назад
Hola Carlos, te dejo las 4 respuestas por aca 1 - Subire un ejemplo a github y te dejo comentario por aca 2- Los stores van ubicados segun si nivel jerarquico, si son store globales de la app. Irian dentro de core/store. Si el store pertenece a un modulo o submodulo iria dentro de cada uno en una carpeta store. Esto lo puedes aplicar para cualquier manejador de estados 3- Si el layout es el principal de la app lo ponemos en un folder layout dentro de core. Donde tendriamos Ej. Sidebar, Footer, Navbar. Si el layout es a nivel de modulo iria dentro de la carpeta components/layout 4 - Las rutas privadas dependen de que estes utilizando para enrutar, si por ejemplo usas react-route-dom, puedes hacer un componente para proteger la ruta.Igual te dejo un ejemplo en el repo que subire. Saludos.
@ElFrontend
@ElFrontend 5 дней назад
Te dejo repo por aca, estoy completandolo en directo en twitch no esta listo pero puedes ir viendolo github.com/gsi-chao/taskinator
@hijuliansosa
@hijuliansosa 15 дней назад
Entonces en el ejemplo final el container sería un layout, para los componentes hijos, además de manejar la lógica, ¿es así?
@ElFrontend
@ElFrontend 15 дней назад
El layout es un componente de presentación. Lo importarías en el container junto con el resto de los componentes de presentación.
@carlosalbertocabreraquirog8297
@carlosalbertocabreraquirog8297 14 дней назад
En NextJs 14 se puede aplicar lo mismo?
@user-uk7tw4tr3s
@user-uk7tw4tr3s 14 дней назад
En next te recomiendo utilizar la organización de carpetas que ellos mismos te sugieren, dividiendo las cosas por las rutas como tal
@ElFrontend
@ElFrontend 14 дней назад
Como dices ellos recomiendan una estructura de carpetas. No significa que tengamos que utilizarla. Cada equipo puede utilizar su propia estrategia de scaffolding. Para nextjs utilizo una muy similar a la que presento en el video.
Далее
75   TypeScript CardContext
11:33
Просмотров 6
ЛУЧШАЯ ПОКУПКА ЗА 180 000 РУБЛЕЙ
28:28
CoPilot Review: My Thoughts After 6 Months
9:45
Просмотров 539 тыс.
Robotaxis | Big Ideas 2024
9:41
Просмотров 72 тыс.
Fortnite_20240713000545
36:02
Просмотров 1,8 тыс.
LoRA & QLoRA Fine-tuning Explained In-Depth
14:39
Просмотров 30 тыс.
Wylsa Pro: опять блокировка YouTube?
17:49