Skip to content
component학습 기록

Adjusting components, and why the Header needs splitting up

1 min readLearningMoved from my Tistory blogRead the Korean original

I adjusted the existing banner design.

Main page banner
Figure 1. Main page banner

Also, I made a slide that, when you click a post, shows 5 of that post's images first instead of going straight to the detail page.

Image slider
Figure 2. Image slider

Today's problem and what I need to solve:

Header
Figure 3. Header

Because the logo, search bar, and profile box are all in the Header.tsx file, I found out that clicking or using one part makes the whole thing render. So I think I need to break the component down.

  • #Splitting Up the Header

More in Learning

Sign up and login: useRef vs useState, which is more efficient?Responsive web at 1440px@media 576px responsive web