Keep Your App Running Smoothly with Reassure: Your Performance Sidekick en

Imagine you’re using your favorite app, but instead of zipping along effortlessly, it stutters, takes ages to load, or just feels… clunky. Frustrating, right? You’re not alone - these hiccups can turn users away faster than you’d think. That’s why catching performance issues early is so important.

The trouble is, spotting these problems isn’t always easy. They can hide in plain sight during code reviews, quietly affecting your app’s performance. That’s where Reassure steps in. Think of it as a trusty sidekick for your development team. It seamlessly fits into your current testing process, tracking and comparing render times and counts in React and React Native apps.

With Reassure, you can identify and fix performance hiccups early on, ensuring your app stays fast and smooth for everyone, from the first build to production. Because when your app runs well, your users stick around - and that’s a win for everyone.

Shake Up Your React: Trimming Bundles, Boosting Performance with Tree-Shaking Magic en

Get ready to shake things up in your React projects! Join me for a fun and informative exploration of tree-shaking – the secret sauce for trimming down those hefty bundles and turbocharging your app's performance. Learn practical tips, tricks, and maybe a few jokes along the way as we uncover the magic of tree-shaking in React development. Get ready to say goodbye to bloated bundles and hello to lean, mean React machines!

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 - The Power of Islands and Modern Web Development en

Next.js is the go-to framework for most development teams, yet the market is rich with alternatives worth exploring. Among them is Astro, a standout contender whose unconventional approach outshines the Vercel king in certain aspects. In this lecture, I’ll walk you through Astro’s key features and highlight how it compares to the well-known Next.js. You’ll discover the magic of interactive islands, learn why MPA (multi-page applications) remain an excellent choice for content-focused websites, and uncover much more. Who knows - Astro might just become the star of 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

How Does JavaScript Really Handle Asynchronous Operations? en

Have you ever wondered how JavaScript really handles asynchronous operations?

During my presentation, I will unveil the secrets of the event loop mechanism that powers asynchronous JavaScript. You'll learn what microtasks and macrotasks are, how the browser manages background tasks, and how you can take control of their execution in your code.

I’ll also show you how to effectively use fascinating APIs like requestIdleCallback and discuss the future of asynchrony with the upcoming Scheduler API. All of this will be presented in a practical context, without relying on frameworks or libraries – just pure, classic JavaScript!

If you want to better understand how JavaScript works "under the hood" and learn how to write more efficient code, this presentation is for you.