Відео

wow

i want group tabs how to do that.. like home can have multiple navigations not necessarily tabs..

thank you so much for this. your content is really really good. Learning a lot. Thank you 🙌

DemoProps.user.plan's type should be the keys of const views to ensure that DemoProps.user.plan is strictly tied to views

junior react developer does not know the difference between controlled input and uncontrolled? you got to be kiddin me....this is more about like trainy question.

awesome

Very comprehensive, cool)

Great explanation. Thanks a lot 👍

Awesome work! Keep in mind that compound components syntactically cannot be used in an RSC, eg: <Post.Title> // will not work -> error Therefore PostTitle must be exported individually in order to be imported like this: <PostTitle> // will work -> no error

Hi! kind of new here with Reducer. If I'm not wrong, while calling the dispatch function, it basically calls the reducer function, and takes the the "action"(2nd params) as the actual parameter by ignoring the "state"(1st params) by default. Is that correct?

How can I use it in real life project 😢

Oh wow, this is awesome! I used to be a translator and now I'm a software developer. I'm REALLY interested in internationalizing and translating web apps.

man.. this is a lot to wrap my head around

Great video! Subscribed :)

Thanks for this video! ❤❤❤

project react link is broken.I can't open it

So hard to find instructors like you.Can you add part two explaining how you would add RBAC in this implementation for role based authentication and have private routes and a hint on how to handle this with nextjs 14.We need to understand fully this phrase "Roll you own auth" and not becoming dependant on thirdy party libraries.Thank you

Regarding a change in keys that can break the UI - if your component and its helpers are padded with tests, then the commit that has these breaking changes should fail at some level, depending on the setup you have. For example a pre-commit script that runs all *.test files, a github action that blocks the PR if any test fails, etc.

awsome, good stuff

no way anyone got help from this video for theyr REACT aplication but not NextJs...

Very good video.Keep doing videos like this.Thanks a lot!

Converting JSX to TSX in React, so clearly explained. Thank you, Darius {2024-06-21}

This is the best on React router . Thanks

Great idea! Thanks for the tutorial on this. I'm definitely guilty of adding a quick boolean prop to change some things around every now and then lol. 1 unrelated question though, any reason you're using types instead of interfaces? Are there any drawbacks? I've usually used types just for quick string types like: type Status = 'open' | 'cancelled' | 'complete'; Great content though, i wasn't subscribed before but i am now! Thanks man!

If you don’t care about type of error you should use unknown, not any

I like your video but got a big fat 👎 for as Posts[] antipattern. Should have at least mentioned that in real application you should validate the response a type safe schema library

nice info! I also like the quality of the video. I am wondering what camera do you use? Is it green screen or just black curtain?

What about Formik with Yup?

Absolutely horrible and incorrect explanation.

I would like to get More TS + React projects from scratch with tailwind or MUI

Nice one!... Liked it!

Hi cosden i hope you make a tutorial on how to use react helmet async. Been watching your tutorial about react. Thank you so much for bringing a good quality video

Thank You.

I am confused with the typescript syntax, do you have videos with pure React syntax?

in this tutorial string data is static, what about string data which is dynamic like data from a database?

Your Video are Good. need a video for testing in react

Very nice introduction! A few additional things that might be interesting to new users: 1) You can keep basic HTML nodes (e.g. <strong>) instead of those numbers (<1>) in your translation strings. 2) ESLint plugin eslint-plugin-i18next helps you find untranslated texts in your code. 3) i18next-scanner can automatically extract all translated texts and collect them in translation files (e.g. /en/frontend.json, /de/frontend.json). The same thing could be done with the "saveMissing" config option it seems, but I haven't tried that myself yet.

CFBR

What if we want to separate different page translations too? Like I need an en.json for my home page and my settings page separatelly because there are tons of words in each page. Can I do nested objects inside my json file like en.json { "homePage":{ "welcomeText": "Hello!", }, "settingsPage":{ "title":"Settings page" } } And use it like this: { t("homePage.welcomeText") }??

<span> {t("welcomeMessage")}, {user}!</span>

I wonder How will it be for the data fetched from database like blog posts? It is a lots of work manually.

I don't understand why home page is responsible for getting the posts, in single responsability example. Shouldn't it only be responsible for rendering all the page components and PostFeed to be a feature component and get what it needs for its child components?

thanks for positive vibes 🙂

Hi, I need some help with the following question: ### Refresh Case When I refresh the page, my access token is lost, resulting in `undefined` being passed as the access token in requests. You've mentioned that the backend will check the validity of the refresh token, generate a new access token, and retry the request. However, how does the backend identify which user's refresh token to validate in this case? Consider this scenario: - **User 1:** Refreshes the page and sends the next request with an undefined access token. How will the backend identify this user? - **User 2:** Also refreshes the page and sends the next request with an undefined access token. How will the backend distinguish between User 1 and User 2? How does the backend differentiate between the two users and validate the correct refresh token?

Thank you so much for this video

Do you have any advice to what part of personal projects interests recruiters more? Do they not mind a personal project over youtube tutorials and if so do you know how advanced personal projects should be?

is this the same for a next js project?

Good video. Regarding the library. This i18n is SO WRONG in the first place. The thing is that I should do so much manual work and the mistake possibility is so high. This is so frustrating. As a developer, I want to have a running service within the project that will generate those JSONs without me. For me, it would be convenient to write full text in English inside t("Hello world!") and for all supported languages it will be like { fr: { "Hello world!": null } } With the highlighting when the text in the component is changing. But no one seems to move in that direction.

A very valuable lesson, thanks for sharing

I literally came across a perfect use case for this at my job some days ago, but ended up using render props instead I knew about this design pattern from shadcn components but I didn’t really know what to look for to learn more and implement it. Thank you so much for this!