Join us to learn more about Micro frontends, WebGL, e2e testing, CSS variables for work and play, and more!
Check out the JS Fwdays Europe online conference! 🙌
JS Fwdays Europe is a concentrated online tech conference by the Ukrainian Fwdays team 🤩
We have prepared a program guide for you — feel free to read it, comment, and join us online on November 10 for the event. The conference will be held in English; the timetable indicates Central European Time Zone.
For quick updates, communication and questions, we use a Discord chat, join it to keep up with the news 😉
Those participants who registered or purchased an Online Full ticket will get access to one more Discord chat to communicate with participants and conference speakers. In addition to text chats, in this space, you can join a voice chat with our online speakers from Tracks A and B.
🗓 Dates: November 10 is the main conference day,
November 9 is an additional one.
The owners of Online Full tickets will also have a workshop by Steve Kinney on November 9. The workshop topic is “Enough TypeScript to Be Dangerous”.
We have prepared for you a short instruction on how to connect to the conference👇
❗️Please note, the Time Zone: GMT+1.
⏰ 10:00 — Conference opening and the start of presentations
We will start with a welcome speech from the event organizers and mention practical points that will come in handy for you before and during the conference.
More information about the presentations.
During the conference, participants will be divided into two parallel tracks, Track A and Track B.
⏰ 10:10
Track A:
Graphical fun With WebGL shaders, Martin Splitt, [eng][Beginner]
“WebGL allows us to build amazing 3D worlds in the browser and as part of that, we can program not only the CPU but the GPU as well! In this talk, I will introduce you to the world of shader programming for fun and profit!”
Track B:
CSS variables for work and play, Chen Hui Jing, [eng][Beginner-Intermediate]
“CSS variables (AKA CSS custom properties) have been broadly supported for about 5 years now, and this native CSS feature has expanded how we can write and use CSS. This talk will explain how CSS variables work, their difference from preprocessor variables, as well as some practical (and impractical) uses for them in your projects.”
⏰ 10:50 — Break (10 min)
⏰ 11:00
Track A:
Micro-frontends, web development, Oleksandr Khivrych, [eng] [Beginner-Intermediate]
“Architecting micro-frontends can be challenging. The right micro-frontends approach can provide many benefits for organizations. But, poorly architected can sometimes lead to many critical issues (performance, complexity, big cognitive load). In this talk, let’s explore how we can keep it simple with Module Federation and enable independent release flow in modern web applications.”
Track B:
To cover uncoverable, Andrii Shumada, [eng] [Advanced]
“How often have you heard “it’s gonna be hard or impossible to cover this part of our backend application”? I’ve heard a lot. Because our modern application always involves databases, message queues, 3rd party services. What if I tell you, that I can cover even logs with tests, values of custom application metrics, apps that involve Google Cloud Storage, Google Data Storage, Kafka, Redis, Lambdas, DynamoDB, Aerospike, S3. I work in highload project without manual QA’s at all. And I’m confident in my everyday releases, so should be you.”
⏰ 11:40 Break (20 min)
⏰ 12:00
Track A:
Concurrent React 18. “I might do it later”, Mykola Yenin, [eng][Intermediate-Advanced]
“Brief overview of useful data structures.
- Emphasize what React Fiber is and why we need it.
- Talk about how React associates updates and hooks with particular functional components.
- Look at the React “workLoop”. Show what’s happening when we update the state under the hood.
- Find out what “React Lane” is? And which role it plays in scheduling.
- See some practical tricks that React uses in task batching and scheduling.
- With the knowledge, we have try to understand how new concurrent features work.”
Track B:
Micro-frontends from A to Z. How and Why we use Micro-frontends in Namecheap, Artem Zakharchenko, [eng][Intermediate-Advanced]
“Micro-frontends has been a hyped topic for the last several years but unfortunately, it is hard to find ready to production solution. We built in-house open-source solution that allows us to deliver more than 100 apps continuously. Micro-frontends is not only about code splitting it is about the full development cycle and I will try to explain to you how we use it in production.
Browser. FrontEnd Frameworks. Gateway. Server. Scaling. Delivery.”
⏰ 12:40 — Lunch (40 min)
⏰ 13:20
Track A&B:
JavaScript frameworks of tomorrow, Juho Vepsäläinen, [eng] [Intermediate-Advanced]
“In this talk, I’ll discuss what the JavaScript frameworks of tomorrow look like. Expect to learn about topics such as Transitional Web Apps, disappearing frameworks, and the islands architecture. I’ll showcase upcoming technologies, such as Qwik and Astro while showing my research in the form of Gustwind, an SSG/SSR solution designed with the edge in mind.”
⏰ 14:00 — Break (10 min)
⏰ 14:10
Track A:
Playwright can do this? An intro into e2e testing and Playwright, Stefan Judis, [eng] [Beginner]
“The talk explains the requirements and outcomes of e2e testing while describing best practices. I want to take away the fear and bad experience folks might have with flaky and never-ending e2e test suites. After giving an overview, I’ll set up a new Playwright project from scratch to show what the still fairly new testing framework can do.”
Track B:
Building massive scalable apps with modern tooling, Tejas Kumar, [eng][Beginner-Intermediate]
“Let’s look under the hood at how we can build apps at large scale using modern services.”
⏰ 14:50 — Break (10 min)
⏰ 15:00
Track A:
Pet Project for Fun and Profit, Vitalii Ruban, [eng] [Beginner-Intermediate]
“What is a Pet Project? How to choose the right theme? What does the “right” theme mean? How to succeed? How to fail? If you want to get answers to the listed questions or dispute with me — please attend the talk “Pet Project for Fun and Profit”. We will discuss time management, common pitfalls, pains, and fun.
The talk will not do the Pet Project for you but might give you some sparkles of inspiration and save you from some failures. PetProject for Fun and Profit might be interesting for beginners or those considering beginning a pet project.”
Track B:
Micro-frontends: Scalable and Modular Frontend in Parimatch Tech, Kyrylo Aistrakhanov, [eng] [Advanced]
“How to scale production SPA’s during the company growth crysis. Modularisation of FE with module federation and micro-frontends approach.”
⏰ 15:40 — Break (10 min)
⏰ 15:50
Track A & Track B:
Fullstack Components, Kent C. Dodds, [eng] [Intermediate]
“Remix is a web framework that gives you the simple mental model of a Multi-Page App (MPA) but the power and capabilities of a Single-Page App (SPA). One of the big challenges of SPAs is network management resulting in a great deal of indirection and buggy code. This is especially noticeable in application state which Remix completely eliminates, but it’s also an issue in individual components that communicate with a single-purpose backend endpoint (like a combobox search for example).
In this talk, Kent will demonstrate how Remix enables you to build complex UI components that are connected to a backend in the simplest and most powerful way you’ve ever seen. Leaving you time to chill with your family or whatever else you do for fun.”
⏰ 16:30 — Closing (10 min)
Participants with purchased tickets will have access to broadcasts for three months.
Enjoy the presentations!
#jsfwdays
See you on the 10th of November! 🤗
