Yeh that's absolutely true 👍

I never used the 'styled components' library, i may try to use it in the future, but i'm currently using tailwindcss and i recommend it, it's very easy to write and you get used to it pretty quickly with some practice. Regarding your problem with styling, i don't really understand what you mean. If it's the problem that you can't change the border color of your text input it's probably from another styles you have. Make sure to take a look at the other styles. If you still don't find the problem try deleting the styles and remaking them, and start with styling that border that annoys you. I'm sorry if i didn't help

+1

Client components only render once on the server during the initial load or page refresh to ensure the HTML is fully rendered and ready for hydration by React. During client-side navigation, Next.js optimizes the process by fetching and rendering only the necessary data and components on the client side, providing a faster and smoother user experience. Client components are not re-rendered on the server during client-side navigation because the navigation happens entirely on the client side. Only the required data and components are fetched and rendered on the client.

We use use client only in NextJS because it is NextJS framework architecture to do so, so that it “separates” the client side and server side for NextJS when you npm run. Essentially it is covered on the previous video. React doesn’t have that feature because NextJS is a subset of React (framework within React framework) and it has its way of working.

@@davidtiw9717 1. React is not framework 2. React has support for server components 3. Client vs Server components has nothing to do with npm run 4. What is covered in previous video is different from my question. 4 mistakes in your 2 line answer.

I’ve looked it up. NextJS is the only framework recommended by React doc that supports server components. If that doesn’t answer your question then, I guess you are right that I have no answer to your question.

@@davidtiw9717 bro your answer has 20 words but hundreds of flaws, let me point one out for you. Can you use document or window object when using a client component "use client" in nextjs. This should clarify your doubt. I have been working in industry for couple of years with nextjs. You couldn't understand my question come back after 2 years, you will understand it.

@@dev-akeel to use document or window object i guess we would need to wrap them inside guard clause which checks for window object first.