The industry thought leaders you want to hear from.
NgRx provides Angular developers a framework for managing streams of data in a reactive way. Actions provide an expressive way to manage state and trigger state changes, along with immutability enforced by reducers as pure functions, but that’s only the beginning. The real power of state management comes in two ways: selectors and side effects. Selectors provide simple, compose-able ways to get and derive data, while side effects isolate business logic. This talk shows you have to take more advantage of these reactive streams in your Angular application to retrieve data and perform tasks.
"Can Vue use Render Props? Does React have a concept like Directives? Can Angular go Renderless the way the young ’uns do? All my developer friends in that other framework keep using words I don’t understand. Help! Join Kent C. Dodds, Isaac Mann and Divya Sasidharan as they demonstrate UI component patterns that are common across React, Angular and Vue. Consider this your language primer before a trip to a foreign framework land. You’ll see that we’re all talking about the same concepts, even when we use different words."
A lot of developers start thinking about Angular for the desktop web, but there are a lot of tools and standards like Angular Elements, Cordova, NativeScript, Electron, and more that can help developers take their existing code further. I'll cover some of the options and some of the way the Angular team thinks about these tools, and then I'll live code up a simple app that bridges many of these boundaries.
Animations are getting more and more engaging and spectacular on the web. The reason why they have become an invaluable tool in the web developers toolchest is that they give multiple advantages. The benefits are that they look both amazing while at the same time they can increase perceived performance. We will see how animations can benefit UX by increasing perceived performance by following a few basic guidelines(without overdoing it), and how the three titans of modern front web development are able to facilitate your journey away from uninteresting websites and give them that extra mile of fun.
Consider a team whose members are technical but not experienced in React. The team shares a lot of API resources, but individuals are responsible for building React apps on their own. What could you build to support such a team? How about components? …components to fetch data, component(s) to manage query string parameters, and even button components that `POST` data payloads provided as props! This is a “lessons learned” talk: we’ll dive into all the nitty gritty details of using components for more than just DOM rendering to enable fast, beginner-friendly, and low-boilerplate app building.
Have you ever wondered how you can play old school games in the browser? I wrote an 8-bit emulator in React. You can use that to load up Space Invaders, Pong and other really old games and play them on the web. Writing an emulator is really fun and provides a great deep dive into how the CPU works. A chip-8 emulator is a great way to get started with and explains nicely how emulators and CPUs work.
Like many other front end frameworks, Vue gives us multiple different ways to manage data between components (props, custom events, Vuex, etc.). With this talk; we’ll introduce all the different ways we can manage information within a Vue application and the benefits/drawbacks to each approach.
As the outcome, you’ll be ready to make a production-ready PWA from the app built using any framework.
React just exploded in popularity. But it’s only a UI library, not a full-fledged framework like Angular, Ember or [insert latest JS framework]. We need to create our own “framework” by picking from the plethora of libraries in the React solar system. But which ones should we choose? Or better yet, which ones do we actually need? Do we need a Flux implementation? What about handling ES6+, bundling and routing? How does it all come together?!1?! Let’s walk through the tools and helper libraries that surround React. You’ll get the most out of the session with familiarity with React and its concepts, but you don’t need to be an expert. By the end of the session, you’ll have a solid understanding of the ecosystem, know which libraries you should prioritize learning first, and confidently build your own React-based stack.
In this talk we’ll dive into the current state of React’s evolution. Are you wondering exactly what this new “suspense” thing is all about? How about the new “ref” API? Or what is this new “StrictMode” thing? This talk aims to get you updated on the latest & greatest advancements happening in React along with a few glimpses into the things not quite here yet. If you spend your time writing React this talk is for you.
Do you know what the main distinctive feature in modern frameworks is? It’s the way a framework handles synchronization between a component state and the DOM. This mechanism is known as change detection and is usually a determining factor in application’s performance. In this talk, I want to shed some light on the differences between the change detection implementation in front-end frameworks. If you’re in the process of choosing a framework, this knowledge can help you make a decision. If you’re already using a framework, you will know if optimization patterns from other frameworks can be applied to your application. And if this talk inspires you to write your own framework, the information I’ll present here will give you a significant head start.