React 18 Explained in 10 Min!

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

ความคิดเห็น •

  • @nomadcoders
    @nomadcoders  2 ปีที่แล้ว +34

    📌 니콜라스와 무료로 React 시작하기
    bit.ly/31y15Ji

  • @yanggitak
    @yanggitak 2 ปีที่แล้ว +103

    좋은 정보 감사합니다! Automatic batching, startTransition도 나중에 기회가 되시면 다뤄주시면 좋을듯합니다!

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว +6

      확인해보겠습니다🙌

  • @sungjuyea4627
    @sungjuyea4627 2 ปีที่แล้ว +41

    와 항상 느끼는거지만 어렵고 정복하기 막막한 주제들을 쉽게 풀어내시는 것 같아 존경스럽습니다 ㅋㅋㅋ
    Vanilla(?) React로만 SSR이 가능하다면 더이상 Next.js같은 외부 라이브러리에 의존할 필요가 줄어들어 더욱 좋겠네요 ㅎㅎ

  • @just-do-halee7375
    @just-do-halee7375 2 ปีที่แล้ว +1

    갓니코! 갓니코! It was fantastic update!! Thank you for sharing this update!

  • @root536
    @root536 2 ปีที่แล้ว +15

    리액트를 써야하는 이유. . . 개발팀이 쩔어. . . 소통도 잘하고

  • @김동민-j9m
    @김동민-j9m 2 ปีที่แล้ว +9

    와 니꼬 강의보면서 리액트 공부중인데 이런 업데이트라니..! 계속 다뤄주시면 감사하겠습니다ㅎㅎ

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว

      고맙습니다 🙌

  • @zaabimahdi
    @zaabimahdi 2 ปีที่แล้ว +2

    Yesss please! we need batching video !

  • @스티븐스티븐-b3e
    @스티븐스티븐-b3e 2 ปีที่แล้ว +2

    항상 좋은 영상 감사합니다.
    올해는 니콜라스가 하는 모든 일 잘 되세요~

  • @chfhdpark
    @chfhdpark 2 ปีที่แล้ว +3

    리액트 18버전 강의 존버하겠습니다ㅜㅜ
    + 타입스크립트도 같이보고싶어요!!ㅎㅎ

  • @동순이_글
    @동순이_글 2 ปีที่แล้ว +17

    더 좋은 점들 알고싶어요!!! 충분히 이해되게 설명해주셔서 감사합니당~!

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว

      제가 더 감사합니다❤️

  • @민-v4u
    @민-v4u 2 ปีที่แล้ว +2

    업데이트 강의 꼭 해주실거라 믿어요! 기대됩니다 ㅎㅎ 항상 감사합니다 니콜라스~~!!!

  • @kayo9410
    @kayo9410 2 ปีที่แล้ว +2

    와!! 서버컴포넌트 너무너무 기대돼요~~!!😆

  • @harashi0708
    @harashi0708 2 ปีที่แล้ว +1

    니코쌤이 영어로 말하다가 한국단어 말하면 한국어로 말하다 단어만 영어로 말하는걸 듣는 원어민 기분이 이런걸 까 새삼스러워져요... 오늘도 꿀영상 감사해여 ㅎㅎ

  • @donggeonchae1036
    @donggeonchae1036 2 ปีที่แล้ว +1

    holy..moly cool.. please make follow up video!

  • @user-qj5445
    @user-qj5445 2 ปีที่แล้ว

    리액트 이어서 계속 다뤄주세요~~~뜨끈뜨끈한 꿀정보👍👍👍

  • @케라시스-i5o
    @케라시스-i5o 2 ปีที่แล้ว +4

    와~~ 18버전에 대한 더 많은 기능도 알고싶어요! 다음 영상도 기대할께요!

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว +1

      고맙습니다 🙌

  • @geeksschan2075
    @geeksschan2075 2 ปีที่แล้ว +2

    후우 이런 내용을 이렇게 쉽게 들을수 있다니 강추~!

  • @석이-l4g
    @석이-l4g 2 ปีที่แล้ว +2

    니코쌤과 하는 코딩은 너무 재미써요👍

  • @스눕-o6b
    @스눕-o6b 2 ปีที่แล้ว +2

    이런 영상 좋아요 많이 올려주세요!!!
    니꼬 최고 👍👍👍👍

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว

      감사합니다😁👍

  • @이승우-j8n
    @이승우-j8n 2 ปีที่แล้ว +2

    react 18 엄청나네요. 서버 컴포넌트가 정식으로 출시되면 SSR 지각 변동 예정 ㄷㄷ
    auto batching과 transition도 알려주세여 니코쌤 ㅠㅠ

  • @tramp0104
    @tramp0104 2 ปีที่แล้ว +4

    와 드디어..! 별 문제 없이 제대로 나오기만 하면 좋겠네요

  • @mira-mazing
    @mira-mazing 2 ปีที่แล้ว

    I want to know MORE about the new features! Thank you so much !

  • @HENRY-pu9ix
    @HENRY-pu9ix 2 ปีที่แล้ว +4

    정말 멋지네요 ~~ 계속 알려주세요 ~

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว

      감사합니다. 열심히 하겠습니다🙌

  • @YuruCoder
    @YuruCoder 2 ปีที่แล้ว +3

    여름에 또 새 리액트 강의를 듣게 되겠군뇨^^ 기다립니다 ㅋㅋ

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว

      고맙습니다 🙌

  • @code_with_kevin
    @code_with_kevin 2 ปีที่แล้ว +1

    다음껏도 기대됩니다!!

  • @zenlogie9310
    @zenlogie9310 2 ปีที่แล้ว +3

    much love bro ♥

  • @hugh5638
    @hugh5638 2 ปีที่แล้ว +2

    일요일 저녁 최고의 영상 선택 !
    감사합니다 니콜라스!!

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว

      항상 시청해주셔서 감사합니다!❤️

  • @스노우스노우-m5s
    @스노우스노우-m5s 2 ปีที่แล้ว

    u living in Talin?.. i miss the sweet pinut snack...

  • @croco95
    @croco95 2 ปีที่แล้ว +9

    와 미쳤다..업데이트 되면 강의들도 업데이트 해줄거라고 믿어요..!!! 무조건 들을게요!!

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว +1

      고맙습니다 🙌

  • @purple7814
    @purple7814 2 ปีที่แล้ว +5

    니꼬 선생님 항상 감사합니다~

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว +1

      고맙습니다 🙌

  • @김김-e2l
    @김김-e2l 2 ปีที่แล้ว +2

    와... 리액트 엄청 좋아지네요

  • @leanprogrammer
    @leanprogrammer 2 ปีที่แล้ว +1

    Amazing! Thank you 😍

  • @uzair3d
    @uzair3d 2 ปีที่แล้ว +1

    Excellent explanation! Lots of love from Pakistan

  • @fvvfvf1ef
    @fvvfvf1ef 2 ปีที่แล้ว +1

    yess it would be so nice if you made a video talking about automatic batching and transitions in react. Great video by the way

  • @매니연
    @매니연 2 ปีที่แล้ว +1

    감사합니다 다음 영상도 기대할게요!

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว

      네 감사합니다 😊

  • @sammusic6366
    @sammusic6366 2 ปีที่แล้ว +2

    설명 너무 간단해서좋네요! 다음 내용도 기대할게요

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว

      감사합니다! 더 열심히 하겠습니다!❤️

  • @ytree1901
    @ytree1901 2 ปีที่แล้ว +2

    재밌을것 같아요!! 후속영상도 부탁드립니다🙏

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว

      노력하겠습니다❤️

  • @quantume7143
    @quantume7143 2 ปีที่แล้ว +2

    Great video! I want more videos about React :)

  • @brandonwie4173
    @brandonwie4173 2 ปีที่แล้ว +4

    React developer here. Thanks always for great contents. More than excited to see the changes and can’t wait to write codes with new features. 🤞

  • @coingoblin
    @coingoblin 2 ปีที่แล้ว +3

    이번 영상 완전 좋습니다! 좋은 정보 항상 고마워요~

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว

      좋은 댓글 감사합니다!

  • @김용재-n2r
    @김용재-n2r 2 ปีที่แล้ว

    이형 멋지다...

  • @kencidhan
    @kencidhan 2 ปีที่แล้ว +2

    어차피 SSR 을 실현할려면 서버에서 실행 작업을 하는 주체가 있어야 하는건데, 그 역할을 하던 Next한테서 역할을 뺏어오는 거죠.
    결국은 서버에서 Node가 실행할 파일과 그냥 보내는 코드를 분리하는 거네요.

  • @soobingbak
    @soobingbak 2 ปีที่แล้ว

    니코쌤 짱이에요 후속영상 원츄!!

  • @sanghunlee6825
    @sanghunlee6825 2 ปีที่แล้ว +11

    와우.. 이러면 next js보다 유연한데 기능이 비슷해지는 것 같은데요?..🤔🤔
    오늘도 빠르게 변하는 프론트에 주니어는 웁니다

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว +2

      항상 봐주셔서 감사합니다!🙌

    • @andrewc8125
      @andrewc8125 2 ปีที่แล้ว +1

      저도 봤는데 SSR랑 조금 다르더라고요. 아웃풋이 HTML 인 SSR랑 다르게 SSC는 포멧이 json에 가까운데 아직 프로토콜도 정해진게 없답니다. 정말 앞으로가 궁금하네요
      개인적으로 SEO의 장점은 없을 것 같고 정말 퍼포먼스는 끝내줄 것 같네요.

  • @limkim9195
    @limkim9195 2 ปีที่แล้ว +2

    Automatic batching & transition 기능도 알고싶어요! 🙏

  • @gamelsrael
    @gamelsrael 2 ปีที่แล้ว

    All your courses are in Korean? I really love your content and how you pass the information but I don't know Korean at all and I was wondering if there's a English version?

  • @geonysbrandlab
    @geonysbrandlab 2 ปีที่แล้ว

    후속 영상 원해요 !!

  • @shachelin
    @shachelin 2 ปีที่แล้ว +1

    어렵지만 여러번 반복해서 봐야겠어요~ 항상 좋은정보주셔서 감사해요~!

  • @khk5040
    @khk5040 2 ปีที่แล้ว

    와 진짜 영상(강의) 도움 많이 됩니다. 리액트18 기대되네요

  • @mingihong472
    @mingihong472 2 ปีที่แล้ว

    대박~ 형은 복 받을거야!!

  • @baedori323
    @baedori323 2 ปีที่แล้ว +9

    역시 개발자는 부지런해야 하는군요..
    새로 공부해야 할 것 무한리필!!! 존경합니다 개발자분들

  • @elonmusk9270
    @elonmusk9270 2 ปีที่แล้ว

    React 공부중인데 유익한 내용 항상 공유해주셔서 감사합니다~!

  • @oasis4everever
    @oasis4everever 2 ปีที่แล้ว

    3:46 'When we are done fetching data in our component' 컴포넌트에 데이터 fetching 이 끝나면 으로 번역하는게 적절할것 같네요!

    • @liminicr3061
      @liminicr3061 2 ปีที่แล้ว

      Fetcing을 모르는 분들이 봐도 이해하실 수 있도록 번역한 듯 싶습니다.

  • @mangguuum
    @mangguuum 2 ปีที่แล้ว +2

    와 진짜 대박이네요!!

  • @juro804
    @juro804 2 ปีที่แล้ว +1

    새로 배울 게 너무 많아지는 군..! 근데 이렇게되면 Next.js는 쓸 이유가 없어지는건가

  • @jdragonyoutube
    @jdragonyoutube 2 ปีที่แล้ว +2

    좋은 영상 감사합니다!! 새로운 기능들도 알고싶어요!

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว

      영상 봐주셔서 감사합니다!

  • @pinga8019
    @pinga8019 2 ปีที่แล้ว +1

    와우 이제 간단한 db query 작업은 프론트에서도 가능하겠네요.. 각자의 영역에 더 집중할 수 있는 계기가 되려나요?

  • @Kevin-jc1fx
    @Kevin-jc1fx 2 ปีที่แล้ว +1

    That was a clear and in depth explanation. Subscribing right away. Thank you very much.

  • @user-dm5qi4nb6l
    @user-dm5qi4nb6l 2 ปีที่แล้ว

    🤯 I got chills from my Excitement

  • @화성인-j8x
    @화성인-j8x 2 ปีที่แล้ว +4

    모노리틱 서비스 형태로 react가 백엔드 역활까지 처리하는것 같네요. 돌고 돌아서 결국 여기까지 왔군요.

  • @mogu_m0gu
    @mogu_m0gu 2 ปีที่แล้ว +2

    와 대박.. 대박인데요?

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว

      고맙습니다 🙌

  • @boribro
    @boribro 2 ปีที่แล้ว

    좋은 영상 감사합니다^^

  • @군만두-s3e
    @군만두-s3e 2 ปีที่แล้ว

    너무 좋은 영상 감사합니다아!!!!

  • @e-sik
    @e-sik 2 ปีที่แล้ว +33

    서버 컴포넌트를 잘쓰면 보안적으로도 좋을거같고 노력이나 노하우로 만든 라이브러리들을 쉽게 못 베끼게 지킬수 있을 수 있어서 좋을거같네요

    • @hellosalamander
      @hellosalamander 2 ปีที่แล้ว

      빌드할 때 source map 생성하는게 아닌 이상 minifying 하면서 사실상 난독화되기 때문에 그럴 걱정은 없습니다

    • @e-sik
      @e-sik 2 ปีที่แล้ว +6

      @@hellosalamander ​ 자바스크립트는 난독화가 코드에서 끝나고 바이너리 단계까지 안가는데 그럴 걱정이 생길수밖에 없죠
      우선 난독화 툴도 많고 해제 하지 않더라도 특정부분 소스 코드 그대로 가져다 쓸수도 있고..
      플로우만 따라가도 주요 알고리즘 파악하는 식으로 지금도 자주 쓰는데요..

    • @gsjbvfgh
      @gsjbvfgh 2 ปีที่แล้ว +1

      뭘 존나 대단한걸 만드는거 아니면ㅋㅋ 좀 까도 되는거 아님? 개발문화가 그런거 아닌가

    • @e-sik
      @e-sik 2 ปีที่แล้ว +1

      @@gsjbvfgh 뭘 존나 대단한 걸 만들때 그렇게 쓰자는 얘기죠. 몇달 고생해서 만든 컴포넌트나 애니메이션 이펙트, 기타 웹 게임 스크립트만 베껴가는걸 당연시 하는건 어디서도 개발문화라고 하진 않죠
      지금도 각종 차트 및 컴포넌트 라이브러리 저작권 라이센스있고 유료로 판매하는데가 많습니다

  • @shotaniOhhei97
    @shotaniOhhei97 2 ปีที่แล้ว

    빛니꼬형... Thank you for sharing these cool news!
    Thanks to your many of lecture course, I could make some portfolio, finally I got a job as a back-end developer!! though i'm bad for telling in english, I wanted to tell you thank you.

  • @이응히응히응
    @이응히응히응 2 ปีที่แล้ว

    react16 사용법정도 겨우 배우도 드디어 vue이제 배우고 있는데 지읒니은 섹시한게 벌써 나왔네…. 하루 한달 일년이 빠른 이유가 있었네….. 니콜라스 브로 강의 만들어주어어어 시대를 쫓아가기 넘나 힘들단 말이야 😭😭

    • @이응히응히응
      @이응히응히응 2 ปีที่แล้ว

      아 그리고 돈폴겟두잇 김취 앤 섭스크롸입 땡큐

  • @erickgutierrez5260
    @erickgutierrez5260 2 ปีที่แล้ว

    Hola! Una duda, antes tenías tu página web con opción para ponerla en inglés pero desde la última actualización ya no me fue posible y si la intento poner en el traductor de google pierde funcionalidad, sabes cómo lo podría hacer? Saludos y muchas gracias!!

  • @dhkim6672
    @dhkim6672 2 ปีที่แล้ว

    이제 웹뷰도 엄청 빨라지겠네요!
    다음 react 18영상도 올려주시면 감사하겠습니다🙏🏻

  • @seongwanju4171
    @seongwanju4171 2 ปีที่แล้ว

    니콜라스 덕분에 새로운 업데이트 나오면 영어문서 독해하는 대신 유튜브 보면 되니 좋습니다

  • @mayjunejuly12
    @mayjunejuly12 2 ปีที่แล้ว

    3분 45초에 오역 있어요! When we are 'DONE' fetching data 인데, 'DON'T'로 해석하신거 같아요 ㅎㅎ

  • @간달푸요
    @간달푸요 2 ปีที่แล้ว

    잘보고있어요! 노마드 강의 들을 생각인데 리액트도 업데이트 해주시는건가요?

  • @Leo-kr3ni
    @Leo-kr3ni 2 ปีที่แล้ว +2

    기존 React 진영에서 Vercel의 Next.js에게 주도권을 뺏기지 않으려고 노력하는 모습으로 보입니다. 과연 승자는?!?!! 하지만 이런 고래 싸움에 치이는 새우들은 프론트엔드 개발자이겠지요 ㅠㅠ...

  • @아라리카
    @아라리카 2 ปีที่แล้ว +3

    nextJS와의 연계된 후속영상 보고싶어요!!

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว +1

      의견 참고하겠습니다 🙌

  • @kimzcodes
    @kimzcodes 2 ปีที่แล้ว

    so in future maybe we lean only in pure react to create ssr app without next js or webpack configurations?

  • @김무-n9r
    @김무-n9r 2 ปีที่แล้ว

    니콜라스님! ‘부의 추월차선’이란 책에서 당신의 이야기를 보았습니다ㅋㅋ 저도 당신처럼 살고 싶습니다. 매번 가르침을 주셔서 감사합니다 ㅎ

  • @do-loop
    @do-loop 2 ปีที่แล้ว +1

    와 서버컴컴포넌트 진짜 대박이네요 이제 귀찮게 api 안짜도 되게따 ㄷ ㄷ ㄷ

  • @common_nswer
    @common_nswer 2 ปีที่แล้ว +4

    리액트는 못참지

    • @nomadcoders
      @nomadcoders  2 ปีที่แล้ว +1

      응원감사해용~

  • @lionsama-w2t
    @lionsama-w2t 2 ปีที่แล้ว

    감사합니다!!ㅎㅎ

  • @양윤성-y3n
    @양윤성-y3n 2 ปีที่แล้ว

    제발 2편 만들어주세요 오늘도 재밌는 콘텐츠 잘 봤습니다. seo최적화를 위해서 next.js를 도입해 프로덕트를 만들려고 하는데, ssc가 seo 최적화에 대한 장점을 얻을 수 있을까요? 궁금합니다.

  • @11121212able
    @11121212able 2 ปีที่แล้ว

    개 꿀 ㅋ 나중에 저도 문서 작성할때 이거 좀 참조할게여 ㅋ

  • @aaron-kim00
    @aaron-kim00 2 ปีที่แล้ว +1

    Thank you

  • @김건우김건우김건우
    @김건우김건우김건우 2 ปีที่แล้ว +2

    와씨 혁신이다..그리고 책 다시사야되네 아노ㅡ유우존어냐쟈ㅓㅂ달9애2라ㅣ패주12

  • @crispy6047
    @crispy6047 2 ปีที่แล้ว +1

    이제 리액트개발에서 next.js 나 gatsby 필요성이 없어질까요?

  • @nu11111
    @nu11111 2 ปีที่แล้ว +1

    미친 혁신이다.

  • @kickpac1345
    @kickpac1345 6 หลายเดือนก่อน

    서스팬스 태그로 웹의 일부분을 빠르게 랜더링하능건 진짜 혁신 맞네요

  • @galaxykim8385
    @galaxykim8385 2 ปีที่แล้ว +4

    그럼 next.js는 어떻게 되는 거죠??

  • @smithoo7646
    @smithoo7646 2 ปีที่แล้ว

    리액트는 매번 새로운 걸 가져오는데 유지보수 입장에서는 버전이나 의존성 관리가 쉽지 않은 것 같아요;; 장단점이 분명히 있는듯

  • @ydkim108
    @ydkim108 2 ปีที่แล้ว

    와우 나머지 기능들도 소개해주세요. 넘나 기다려져요

  • @최주영-o2f1y
    @최주영-o2f1y 2 ปีที่แล้ว

    이거 제대로 알고 넘어 가면 10분 아닌듯 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 좋은 영상 감사합니다.

  • @zeyu334
    @zeyu334 2 ปีที่แล้ว +1

    인피니티 스크롤 구현시에는 서스펜스를 못쓰겠지만 단건 데이터 가져올때는 유용하겠네요!

    • @sealuke2724
      @sealuke2724 2 ปีที่แล้ว

      swr도 페이징하듯... 서스펜스 기반 페이징 예제도 바로 나올것 같은데요...ㅋㅋ

  • @이진서-h5x
    @이진서-h5x 2 ปีที่แล้ว +1

    와!

  • @hongchangmoj
    @hongchangmoj 2 ปีที่แล้ว

    리액트18에 대한 더 많은 정보 부탁드려요!!

  • @andreseungyeobsong4899
    @andreseungyeobsong4899 2 ปีที่แล้ว

    서버사이드 랜더링에 궁금한게 있어요. 만약 웹사이트가 유명해서 접속하는 사람이 많은 경우에는 서버에서 컴포넌트를 계산해야 하는 양이 너무 많아서 비싸고 똑똑한 서버를 써야하니 돈이 그렇게 풍족하지 않은 스타트업에서는 클라이언트 사이드 랜더링을 하는 편이 더 나을까용??? 최대한 저렴한 비용으로 서버를 돌리고 싶어서…

  • @모달깎던노인
    @모달깎던노인 2 ปีที่แล้ว

    후속정보 부탁드립니다. 리액트의 발전은 엄청나군요.

  • @slowkim2548
    @slowkim2548 2 ปีที่แล้ว

    서버사이드렌더링은 유저가 많아지면 서버부담이 증가하겠네요. 서버 잘만들어야 쓸 수 있겠네

  • @smallone8795
    @smallone8795 2 ปีที่แล้ว +1

    가즈아아아아

  • @FishFactori
    @FishFactori 2 ปีที่แล้ว +3

    마음속으로 생각만 하던 기능들이 기어이 만들어지네;

  • @_modiX
    @_modiX 2 ปีที่แล้ว

    React becomes more and more to React + NextJS, so I wonder if it's still worth to consider NextJS when this trend continues?

  • @Nasty0622
    @Nasty0622 2 ปีที่แล้ว +19

    Next.js로 프론트엔드를 구현하고 있었는데 눈이 번쩍 뜨일만한 소식이네요. 왜 이걸 진작에 몰랐는지...
    마침 Next.js 홈페이지에도 React 18의 일부기능을 사용할수 있게 next.config.js에서 설정할수 있게 했다는군요.
    Suspense는 기존처럼 dynamic으로 불러와서 감싸면 되고 서버 Component는 영상에 나온대로 설정하면 된다고 하는데 대다수의 hook(client 컴포넌트 안의 useRouter는 제외)은 아직 지원안되고 스타일, i18n도 지원이 안된다고 하니 아직은 더 기다려봐야 될거 같네요.

    • @jinlee5482
      @jinlee5482 2 ปีที่แล้ว

      저도 몆달동안 nextjs 로 주구장창 작업했는데 ㅎㅎ

  • @zaely_o
    @zaely_o ปีที่แล้ว

    thnk u!