Resistant to hype: How to avoid being deceived by technological trends? en

While seasonal trends dominate not only the fashion world but also the IT industry, let's consider whether our projects are built on a solid foundation or on fashionable, fleeting solutions. In this presentation, we will delve into Hype Driven Development: its enticing promises, pitfalls, and how to find the golden mean between innovation and a safe choice. You will learn where the hype comes from, its stages, and the potentially disastrous consequences it can have. I'll guide you on how to follow trends without losing sight of the main goal - the functionality and success of the project.

Dynamic code loading for superior user experience en

Applications running in web browsers are becoming increasingly sophisticated with each passing day. There would be nothing wrong with this if it weren't for the fact that, proportionally to the complexity, the amount of data required to be delivered over the network also increases. What can we do about this? In this lecture, you will learn how the dynamic imports work. We will cover the topic from the basics to practical applications. You will discover that the classic division by route is no longer sufficient, and you will learn how to do it better. With this knowledge, you will make your applications load much faster and will also reduce the burden on the processor, which will undoubtedly have an impact on the values of your metrics.

Astro - island technology in the name of optimization en

Next.js is the default choice for most teams, although there are many other solutions on the market. One of such solutions is Astro, which in certain areas, due to its eccentric approach, seems to outclass the Vercel king. During this lecture, I will present the key features of Astro, as well as the differences between it and the aforementioned Next.js. You will learn what interactive islands are, why MPA (multi-page application) is still a very good choice for content-driven websites, and much more. Who knows - maybe you will use Astro in your next project?

The new face of hydration en pl

If you develop applications in React, you've probably encountered the issue of hydration. The bright side of this process is that our application, initially rendered on the server side, becomes interactive. Until recently, hydration had to be done in an ''all-or-nothing'' mode. It was not possible to divide the process into smaller phases or turn it off completely for certain elements of our site, and we unfortunately had to suffer the consequences of this - i.e. sending more source code to browsers or using more or less elegant hacks.

Fortunately, the situation has changed, and the latest version of React has introduced some changes in this field. Hydration can now be split into stages and even prioritised. Better still, thanks to React Server Components, we can avoid it altogether and not send part of the code to the client! And what do the frameworks offer on this topic? Surprisingly much. Each of them approaches this topic slightly differently and allows us to use the aforementioned novelties in a different way.

If you are curious and want to find out:
- how exactly does hydration work?
- how you can tweak the hydration process?
- what are the advantages and disadvantages of selective hydration?
- what does its use look like in the latest frameworks?
then I invite you to listen to this lecture.

dev.js Summit 2023, 4Developers Łódź

Nowe oblicze hydracji en pl

Jeżeli tworzysz aplikacje w React, to zapewne spotkałeś się z zagadnieniem hydracji. Jasną stroną tego procesu jest to, że nasza aplikacja, początkowo renderowana po stronie serwera, staje się interaktywna. Jeszcze niedawno hydracja musiała być przeprowadzana w trybie ""wszystko albo nic"". Nie dało się tego procesu podzielić na mniejsze fazy czy całkowicie wyłączyć dla pewnych elementów naszej strony, i musieliśmy niestety ponosić tego konsekwencje - czyli przesyłać więcej kodu źródłowego do przeglądarek lub używać mniej lub bardziej eleganckich furtek.

Na szczęście sytuacja się zmieniła, a najnowsza wersja React wprowadziła w tym polu pewne zmiany. Hydracja może być teraz podzielona na fazy, a nawet poddana priorytetyzacji. Co lepsze, dzięki React Server Components, możemy całkowicie jej uniknąć i nie wysyłać części kodu do klienta! A co oferują w tym temacie frameworki? Zaskakująco dużo. Każdy z nich podchodzi do tego tematu nieco inaczej i pozwala na wykorzystanie wspomnianych nowości w inny sposób.

Jeżeli jesteś ciekawy i chcesz się dowiedzieć:
- jak dokładnie działa hydracja?
- jak możesz wpływać na proces hydracji?
- jakie zalety i wady niesie za sobą selektywna hydracja?
- jak wygląda jej zastosowanie w najnowszych frameworkach?
to zapraszam Cię do wysłuchania tej prelekcji.

dev.js Summit 2023, 4Developers Łódź

"Obrazek wart tysiąca słów"... i sekund ładowania - przewodnik optymalizacyjny na 2023 rok pl

Jeżeli dalej żyjesz w przeświadczeniu, że wybór formatu graficznego sprowadza się do wybrania jednej z trzech klasycznych opcji: JPEG, GIF i PNG to ta prelekcja odmieni Twoje życie na zawsze. Dowiesz jak się jak ważny dla użytkownika jest czas ładowania strony i jej zasobów.

Pokażę Ci jak możesz go zoptymalizować dzięki zastosowaniu nowoczesnych formatów graficznych, a także pewnych sztuczek, dzięki którym m. in. będziesz mógł odwlekać w czasie ładowanie tych mniej ważnych zdjęć. Oczywiście każdy z nas jest leniwy (co wcale nie musi być wadą), więc kilka minut poświęcę na przedstawienie usług odwalających całą żmudną robotę za nas.

Gdańsk TypeScript Meetup, 4Developers Gdańsk

Refleksja i TypeScript, czyli patrzymy w lustro pl en

Refleksja jest mechanizmem stosunkowo rzadko używanym bezpośrednio w kodzie tworzonych przez nas aplikacji. Jest ona natomiast kamieniem węgielnym wielu funkcji, bez których niektórzy z nas nie mogą sobie wyobrazić życia. Szczególnie dotyczy to osób pracujących na co dzień z Angularem czy NestJS. W czasie tej prezentacji dowiecie się jak działa refleksja w języku TypeScript - zobaczycie co oferuje, a także poznacie jej ograniczenia. Skupimy się również na dodatkowych bibliotekach rozszerzających możliwości omawianego mechanizmu. Na koniec wykorzystamy nabytą wiedzę w praktyce i wspólnie napiszemy prosty kontener IoC.

Warszawskie Dni Informatyki, 4Developers 2023, Gdańsk TypeScript Meetup

Tree-shaking - z czym to się je? pl

Gdybyśmy żyli w idealnym świecie to tworzone przez nas aplikacje ładowały by się w mgnieniu oka, w dowolnym miejscu na świecie. Niestety, rzeczywistość jest trochę bardziej brutalna i zmusza nas do ograniczania ilości informacji przesyłanych przez sieć. W pewnym momencie napotkamy barierę, której nie będziemy mogli już obejść udając, że wcale nie jest aż tak źle. Na szczęście mamy w tej walce kilku sojuszników, a jednym z nich jest mechanizm nazywany tree-shaking. Co to jest? Jak działa? Dlaczego czasami nie działa, chociaż według wszystkich znaków na niebie i ziemi powinien działać? Tego dowiecie się w czasie tej prezentacji.

Warszawskie Dni Informatyki 2023

Reflection in TypeScript pl en

Reflection's role in modern software development is often underestimated, but the truth is it's a cornerstone of many useful features we use every day like dependency injection or object validation. It's implemented in many programming languages like C#, Java and finally, TypeScript. I would like to show you what can be achieved in TypeScript using the reflection mechanism - what features are available and what are the limitations we have to fight with. Also, I would like to give kudos to really interesting libraries extending the feature set of this mechanism. Then, I will be able to describe how important reflection is in the NestJS framework. Last, but not least, I would like to show you how easy it is to use reflection features in practice by implementing a simple IoC container live.

Warszawskie Dni Informatyki, 4Developers 2023, Gdańsk TypeScript Meetup