💣 #14 How to: nowa strona Next.js, jak sabotować SM?
Kulisy powstawania nowej strony Next.js
Deweloper, który brał udział w budowaniu nowej strony frameworka Next.js popełnił bardzo dobry wpis o technicznych aspektach, z którymi się mierzył.
Dowiesz się m.in. jak zrobiono efekt świecących kropek, przerywane gradientowe linie, spójny focus state, zadbano o czytniki ekranów i dostępność. Plus kilka innych ciekawych rozwiązań.
44 praktyki jak sabotować Scrum Mastera (ale 6 za free xD)
Wejdź i przeczytaj ;)
Learn 44 proven tactics from the best students of dozens of Scrum Master classes.
Deep dive in CORS
Na pewno kojarzysz ten błąd. A zastanawiałeś się kiedyś skąd się wziął, czym tak właściwie jest CORS? A temat poruszam, bo w 113 wersji Chrome jest możliwość nadpisania nagłówków i wtyczki do CORS staną się zbędne i warto poznać o co w tym chodzi.
Wszystko zaczęło się w 1993 roku, gdy tag img
został po raz pierwszy wykorzystany.
Najpierw wstęp - cross-origin request oznacza pobranie zasobu, który nie znajduje się w tym samym schemacie (hostname i port).
Cors jest mechanizmem, który pozwala kontrolować dostęp do zasobów strony przez sieć. Tak w skrócie.
Ale po co został stworzony, jakie są zagrożenia z cross-origin i wiele więcej, bo temat jest dogłębnie rozpracowany przeczytasz w podlinkowanym artykule.
Co dalej z SSR w Angularze?
Rozwój SSR stał się głównym celem na rok 2023 dla zespołu rozwijającego Angulara. A wszystko dzięki nam - społeczności, która się tego domagała 🎉.
Pełne wsparcie dla hydracji
Jednym z największych problemów jest migotanie pomiędzy wyrenderowaniem strony, a gotowością do interakcji.
W wersji 16 zaimplementowano poprawiony mechanizm hydracji - full non-destructive hydration.
Zmiany w HttpClient
Od teraz requesty wykonane po stronie serwera będą cache'owane, żeby uniknąć ponownego pobrania tych samych danych przez klienta.
Kolejne kroki
- Wkrótce server side rendering będzie integralną częścią Angular CLI,
- Paczki Angular Universal zostaną przeniesione do Angulara,
- Dalsza współpraca z Aurora Team nad usprawnieniami SSR
Wszystkie, czekające nas zmiany, poznasz czytając roadmapę Angulara.
Bonus - strony-inspiracje
Dribbble i Behance na pewno znasz, ale jest więcej stron, z których można czerpać inspiracje przy swoich projektach. Dziś pierwsze 3 linki, za tydzień kolejne - Land-book, Lapa Ninja, Refero.