devnews.pl

Main Menu

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania

logo

devnews.pl

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania
Frontend
Home›Frontend›Integracja React Fast Refresh z Next.js

Integracja React Fast Refresh z Next.js

By Bernadeta Zapała
23 kwietnia 2020
123
0
Share:

Next.js jest specjalnym, minimalistycznym frameworkiem. Wykorzystuje takie biblioteki jak React, webpack oraz Babel. Pozwala w łatwy sposób tworzyć aplikację React posiadającą obsługę renderowania po stronie serwera. Next.js posiada własny serwer w Node.js, który renderuje żądaną stronę. Najpierw pobiera odpowiednie dane z API, a potem generuje jej kod HTML i zwraca do naszej przeglądarki. Dzięki temu wyszukiwarki mogą bez problemu indeksować aplikacje — po wejściu w kod źródłowy strony widać od razu jej całą zawartość.

Fast Refresh — Szybkie odświeżanie

Ostatnio współautor Next.js opublikował na swoim Twitterze informację o wprowadzeniu nowej opcji. Mowa o pełnej integracji React Fast Refresh z Next.js, która na razie jest w fazie eksperymentu, ale wkrótce może stać się stałym elementem frameworka.

React Fast Refresh fully integrated with Next.js soon 🚀

Amazing work by @timer150, @wSokra, and @dan_abramov

See the early demo below 🍿 pic.twitter.com/7X42wVIALk

— Tim (@timneutkens) April 19, 2020

React Fast Refresh jest reimplementacją Hot Reloading przy pełnym wsparciu React. Większość implementacji jest niezależna od platformy, ale pierwotnie opcja ta była dostarczana React Native. Fast Refresh (szybkie odświeżanie) składa się z kilku elementów współpracujących ze sobą — mechanizmu wymiany modułu “na gorąco”, modułu renderującego React 16.9.0+, punktu wejścia react-refresh/runtime, a także z wtyczki Babel (react-refresh/babel).

Next.js w wersji 9.3

Next.js

W zeszłym miesiącu pojawiła się nowa wersja tego frameworka, o której pisaliśmy na blogu. Dołączono obsługę SSG — statycznego generowania wityn nowej generacji, a także wbudowano obsługę Sass dla globalnych arkuszy stylów. Pliki “.scss” mogą być teraz importowane bezpośrednio jako arkusze stylów. Korzystając z “.module.scss”, CSS o zasięgu lokalnym może być importowany i używany w dowolnym miejscu aplikacji. Dzięki zaawansowanym optymalizacjom środowisko wykonawcze dla wszystkich aplikacji Next.js jest teraz mniejsze. Zmieniono także w trybie podglądu wyświetlane wersje — Next.js omija teraz statycznie generowane strony, aby wyświetlać wersje robocze z CMS.

Źródła:

  • https://nextjs.org/blog/next-9-3
  • https://github.com/facebook/react/issues/16604
TagsNextjsReactReact Fast RefreshReact Native

Share:

  • FrontendNarzędzia

    GitHub Enterprise Server 3.0 RC – kandydat do wydania

  • GadżetyInformacjeSystemy i przeglądarki

    Apple Silicon M1 i MacBooki – spotkanie One More Thing

  • Linux 5.10
    Systemy i przeglądarki

    Linux 5.8 RC – pierwszy kandydat do wydania

  • 21 stycznia 2021

    Narzędzie Vno – połączenie Vue i Deno

  • 19 stycznia 2021

    GitHub Enterprise Server 3.0 RC – kandydat do wydania

  • 15 stycznia 2021

    TypeScript 4.2 Beta z ulepszeniami typów krotek

  • 13 stycznia 2021

    Styczniowy Patch Tuesday z luką 0-day

  • 11 stycznia 2021

    Safari Technology Preview 118 dostępne dla programistów

  • 8 stycznia 2021

    Microsoft Launcher na Androida z usprawnionym dotykiem

  • 7 stycznia 2021

    WebStorm 2020.3.1 dostępny dla urządzeń z Apple Silicon

  • 22 grudnia 2020

    ReScript 8.4 z przypiętymi zależnościami

  • 14 grudnia 2020

    Edge 88 beta i przeglądarka na kanale Canary dostępne!

  • 9 grudnia 2020

    Chrome 88 Beta z nowościami w WebXR

  • 9 grudnia 2020

    Snowpack 3.0 RC z eksperymentalnymi funkcjami

  • 4 grudnia 2020

    Android Studio Arctic Fox – nowe wydanie narzędzia Google

  • 4 grudnia 2020

    The Hack Summit 2020 – konferencja IT Security

  • 2 grudnia 2020

    PowerToys 0.27 z poprawkami błędów

  • 2 grudnia 2020

    Aleph.js alfa z funkcją importowania map

  • 27 listopada 2020

    Cypress 6.0 zwiększa zakres możliwości obsługi sieci

  • 26 listopada 2020

    Firefox 83 przyspiesza i wprowadza tryb HTTPS-Only

  • 25 listopada 2020

    Electron 11.0 z obsługą Apple Silicon

  • 25 listopada 2020

    Prettier 2.2 z obsługą najnowszego TypeScript 4.1

  • 24 listopada 2020

    Tailwind CSS 2.0 z narzędziami kontroli tekstu

  • 20 listopada 2020

    Angular 11 – stabilne wydanie platformy

  • 19 listopada 2020

    Chakra UI React v1 wydany z ulepszeniami

  • 19 listopada 2020

    Chrome 87 z szybszym startem i zmianami w kartach

  • 18 listopada 2020

    Silnik WebKit w przeglądarce Safari 14

  • 17 listopada 2020

    Poznańska konferencja POZITIVE TECHNOLOGIES 2020 platformą wymiany wiedzy i doświadczeń najlepszych specjalistów IT

  • 16 listopada 2020

    Babylon.js 4.2 z edytorem cząsteczek i Babylon React Native

  • 13 listopada 2020

    Apple Silicon M1 i MacBooki – spotkanie One More Thing

  • 12 listopada 2020

    .NET 5.0 Microsoftu z poprawioną wydajnością

  • 12 listopada 2020

    Windows Terminal 1.5 Preview z nowymi funkcjami

  • 10 listopada 2020

    GIMP 2.99.2 – pierwszy krok do głównej wersji

 

 

Jesteśmy pasjonatami najnowszych technologii w świecie programowania. Zbieramy dla Was informacje i porady z całego świata, które sprawią, że Twoja praca stanie się jeszcze bardziej efektywna.

Obserwuj nas codziennie, aby być na bieżąco oraz śmiało udostępniaj nasze posty.

Zespół DevNews

Kategorie

  • Backend
  • Bez kategorii
  • Frontend
  • Gadżety
  • Informacje
  • Języki programowania
  • Narzędzia
  • QA
  • Systemy i przeglądarki

OBSERWUJ NAS

KONTAKT

Chcesz się z nami skontaktować?

Napisz do nas wiadomość: kontakt@devnews.pl

www.devnews.pl | DEVNEWS 2020 | Newsy i ciekawostki ze świata IT