List of videos

Fastify is a web framework for Node.js that has a great satisfaction across developers with a 89% rating in the last state of javascript. Fastify combines an amazing developer experience with top of the class performance, with minimal reduction on top of Node.js core. In this talk, Matteo will go through the fundamentals of the framework as well as a live coded example. Purchase all recordings via frontenddeveloperlove.com/video Sign up for our newsletter: https://www.frontenddeveloperlove.com/newsletter Stay up to date via LinkedIn: https://www.linkedin.com/company/frontendlove/ Powered by https://passionatepeople.io #unittests #webaudio #unittesting #hiphop #frontendlove or #vuejsamsterdam #javascript #reactacademy #react #microinteractions #designsystems #javascript #artificialintelligence #amsterdam #speaker #conference #frontendlove #frontenddeveloperlove #javascriptconference #frontendconference #vue #angular #react #cfp #theateramsterdam #meetup #conferences #events

An amazing Premiére of Decoding the Code by Marc Backes who you might know from Whiskey Wednesdays! Purchase all recordings via frontenddeveloperlove.com/video Sign up for our newsletter: https://www.frontenddeveloperlove.com/newsletter Stay up to date via LinkedIn: https://www.linkedin.com/company/frontendlove/ Powered by https://passionatepeople.io #unittests #webaudio #unittesting #hiphop #frontendlove or #vuejsamsterdam #javascript #reactacademy #react #microinteractions #designsystems #javascript #artificialintelligence #amsterdam #speaker #conference #frontendlove #frontenddeveloperlove #javascriptconference #frontendconference #vue #angular #react #cfp #theateramsterdam #meetup #conferences #events

Everybody is talking about slicing up the monolith. The goal is to create scalable architectures. But how can we achieve that? For one project, we have decided to give everything, using cutting edge technology, micro-services, verticals, server-side rendering, and more. Talking about upgrading the legacy code base, the plan was to have this greenfield project on separate URLs. We wrote micro-frontends in Vue.js + Vue Server Renderer Plugin, UI Components as web components and first-party libraries in Typescript. In this talk, we'll go through the example of an online shop. I won't try to sell you the idea of micro-frontends. But I can show you what we've learned on this bumpy road with memory leaks and semantic versioning. Slides: https://www.slideshare.net/VanessaBhner/microfrontends-the-good-the-bad-and-the-ugly Purchase all recordings via frontenddeveloperlove.com/video Sign up for our newsletter: https://www.frontenddeveloperlove.com/newsletter Stay up to date via LinkedIn: https://www.linkedin.com/company/frontendlove/ Powered by https://passionatepeople.io #unittests #webaudio #unittesting #hiphop #frontendlove or #vuejsamsterdam #javascript #reactacademy #react #microinteractions #designsystems #javascript #artificialintelligence #amsterdam #speaker #conference #frontendlove #frontenddeveloperlove #javascriptconference #frontendconference #vue #angular #react #cfp #theateramsterdam #meetup #conferences #events

Sean will be giving an introduction to Magic passwordless authentication and how it enables developers to effortlessly build more feature-rich Jamstack applications with just a few lines of code. Slides: https://docs.google.com/presentation/d/1f213h0_6Uvte2dIEnx1RPmQKMwxIEKLf-JY_1g38lQ4/edit#slide=id.p Purchase all recordings via frontenddeveloperlove.com/video Sign up for our newsletter: https://www.frontenddeveloperlove.com/newsletter Stay up to date via LinkedIn: https://www.linkedin.com/company/frontendlove/ Powered by https://passionatepeople.io #unittests #webaudio #unittesting #hiphop #frontendlove or #vuejsamsterdam #javascript #reactacademy #react #microinteractions #designsystems #javascript #artificialintelligence #amsterdam #speaker #conference #frontendlove #frontenddeveloperlove #javascriptconference #frontendconference #vue #angular #react #cfp #theateramsterdam #meetup #conferences #events

Many eCommerce sites have more than 10,000 products—Staples has 100,000 products online and REVOLVE has 40,000 products, for example. Publishers such as The New York Times (200 stories per day) or Washington Post (500 stories per day), generate over 50,000 stories a year. Moreover, operators of these larger sites are more likely to A/B test and personalize content, deploy incrementally, change content intraday, and demand fast page loads. How do we bring large sites like these into the Jamstack era? Jamstack promises high traffic scalability, but at the tradeoff of a build step that presents a new scaling challenge as the number of pages on the site, or frequency of changes, increases. In this talk, we’ll cover the lessons learned from powering a variety of large headless sites that use Next.js and survey techniques that deliver the Jamstack-like benefits of front-end developer empowerment by serving data from the CDN for large-scale websites that change frequently. The talk will include many relevant examples from about a dozen eCommerce and other complex websites. We’ll start by reviewing static techniques, such as incremental builds and delegating dynamic content to APIs during hydration. Then we’ll move on to discussing dynamic “Jamstack-like” techniques using serverless technologies, such as stale-while-revalidate, mixing dynamic and static pages together, and ensuring CDN caching rules respect the Jamstack approach. Finally, we’ll close with some rules of thumb for figuring out which approach makes sense for you. Purchase all recordings via frontenddeveloperlove.com/video Sign up for our newsletter: https://www.frontenddeveloperlove.com/newsletter Stay up to date via LinkedIn: https://www.linkedin.com/company/frontendlove/ Powered by https://passionatepeople.io #unittests #webaudio #unittesting #hiphop #frontendlove or #vuejsamsterdam #javascript #reactacademy #react #microinteractions #designsystems #javascript #artificialintelligence #amsterdam #speaker #conference #frontendlove #frontenddeveloperlove #javascriptconference #frontendconference #vue #angular #react #cfp #theateramsterdam #meetup #conferences #events

If there is something we learned this past 2020 is that we need to build resilient architectures now more than ever. Belén works as a Director of Solutions at Vercel and previously Lead Frontend Engineer at Mozilla. Purchase all recordings via frontenddeveloperlove.com/video Sign up for our newsletter: https://www.frontenddeveloperlove.com/newsletter Stay up to date via LinkedIn: https://www.linkedin.com/company/frontendlove/ Powered by https://passionatepeople.io #unittests #webaudio #unittesting #hiphop #frontendlove or #vuejsamsterdam #javascript #reactacademy #react #microinteractions #designsystems #javascript #artificialintelligence #amsterdam #speaker #conference #frontendlove #frontenddeveloperlove #javascriptconference #frontendconference #vue #angular #react #cfp #theateramsterdam #meetup #conferences #events

Adria Fontcuberta - The Art of Front-end Architecture - JSworld 2021 Front-end apps are growing in complexity, so we need to uncover better ways to build durable, maintainable codebases. In this talk, we'll discuss some ideas, principles, and patterns that might help us regardless of the framework we're using. Slides: https://noti.st/afontcu/dlkNJf/the-art-of-front-end-architecture#szdZD6K Sign up for our newsletter: https://www.frontenddeveloperlove.com/newsletter Stay up to date via LinkedIn: https://www.linkedin.com/company/frontendlove/ Powered by https://passionatepeople.io #unittests #webaudio #unittesting #hiphop #frontendlove or #vuejsamsterdam #javascript #reactacademy #react #microinteractions #designsystems #javascript #artificialintelligence #amsterdam #speaker #conference #frontendlove #frontenddeveloperlove #javascriptconference #frontendconference #vue #angular #react #cfp #theateramsterdam #meetup #conferences #events

Don't miss out the third piece of the Frontend Pie: CSS It just needs a quick look at the Frontend trends to realize that recently the spotlight is on the JavaScript and all of its frameworks, But the Frontend pie has three pieces (HTML, CSS & JS). Without the other pieces, you cannot have a complete pie. Purchase all recordings via frontenddeveloperlove.com/video Sign up for our newsletter: https://www.frontenddeveloperlove.com/newsletter Stay up to date via LinkedIn: https://www.linkedin.com/company/frontendlove/ Powered by https://passionatepeople.io #unittests #webaudio #unittesting #hiphop #frontendlove or #vuejsamsterdam #javascript #reactacademy #react #microinteractions #designsystems #javascript #artificialintelligence #amsterdam #speaker #conference #frontendlove #frontenddeveloperlove #javascriptconference #frontendconference #vue #angular #react #cfp #theateramsterdam #meetup #conferences #events

We hear a lot about design systems. What exactly are they? In this talk, I will introduce you to design systems defining what they are, when we should implement them and the steps to build them. We will also review some of the most popular design systems and some interesting tools and resources. Slides: https://miriamgonzalez.dev/charlas/design-systems-101 Purchase all recordings via frontenddeveloperlove.com/video Sign up for our newsletter: https://www.frontenddeveloperlove.com/newsletter Stay up to date via LinkedIn: https://www.linkedin.com/company/frontendlove/ Powered by https://passionatepeople.io #unittests #webaudio #unittesting #hiphop #frontendlove or #vuejsamsterdam #javascript #reactacademy #react #microinteractions #designsystems #javascript #artificialintelligence #amsterdam #speaker #conference #frontendlove #frontenddeveloperlove #javascriptconference #frontendconference #vue #angular #react #cfp #theateramsterdam #meetup #conferences #events