The Senior React Project Setup You Need as a Junior Developer

Показать описание

If you have been setting up your projects using CLIs like Vite and create-react-app and always working with that bare out-of-the-box project without configuring it properly, then you most likely doing it wrong! In this video, we'll go through a Senior Project Setup in React and how to use it to build better and bigger apps.

⭐ Timestamps ⭐
00:00 Intro
00:27 Junior Project Setup
00:52 Senior Project Setup
01:27 1. Project Config
07:43 2. Styling
09:52 3. State
12:06 4. Testing

-- Special Links

✨ Join Figma for Free and start designing now!

👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨

💻 Senior React Project Repo 👇

-- Special Links

✨ Join Figma for Free and start designing now!

👉 ✨ Join Figma For Professionals And Start Designing with your Team ✨

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize

🧭 Turn Design into React Code | From prototype to Full website in no time

🧭 Watch Tutorial on Designing the website on Figma

🧭 Watch Create a Modern React Login/Register Form with smooth Animations

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app

🧭 Introduction to GraphQL with Apollo and React

Made with 💗 by Coderone

Рекомендации по теме

Комментарии

Video reuploaded to fix the mono (left ear) audio issue. Sorry for the inconvenience everyone!

CoderOne

This kind of clickbaity advice might do junior developers more harm than good. There's a lot more to being considered senior than having a new project up and running in a short period of time. What's the point of all the fancy tools if people still write "junior code" once the project is set up? And more to the point, this completely ignores the potential requirements from the team, org or company, which in the real world limit your choices a lot, as you're tied to a specific system of metrics, pipelines, build tools, frameworks, and so on. As somebody said in the original upload, this is too unicorn, too much wishful thinking. True "senior projects" still require *a lot* of tweaking even after the initial setup, regardless of how the project gets started.

AlejandroMallea

What do you mean? A junior developer uses React w/ Vite and a senior developer uses a monorepo with nextjs…??
This doesn’t make sense to me.

chizidotdev

Would be nice if you created a course showing how u set up these parts and how u built the application

thedjnute

Awesome Islem!
Really great content
Waiting for a Nestjs version

oussamabouchikhi

I aprreciate that you share more advanced stuff above junior level, keep it up :)

Also would be nice to dive deeper into setups and how to handle them without headache ( setup of babel, webpack, or project like this when you have your own design system shared between several micro frontends )

marcel

Everyone is teaching programming for beginners but no one is talking about advanced skills and libraries and structures so thank you for this vid

samidebayroune

Like i said in the last video (original one xD) continue to provide the awesome videos.
Additionally i think the unique think i added to your project settings was Conventional Commits like with commitzen or similar

h.fernandes

Can you share the Notion you used it in this video? Because it's private.
Your Videos are very awesome as i thought everytime ❤

sherifashraf

Would it be better to create react component library and just public it to npm?

sportcoconut

thanks, Can you add storybook to it ?

dexterous

Awesome video. Torture to stay current so people like you are filling in a major learning gap for new developers

mikemontgomery

Assuming you are using rest since you didn't mention Graphql or tRPC, curious your thoughts on both of those

SuhweeSoftware

Can you please bring a MERN stack project I would like to suggest an idea for mern project : according to the current scenario happening across the globe like hiring freeze and job related problems... We can create a full stack MERN application addressing that problems..

programmer