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.
When we try a new technology and like it, usually the main emotion we feel is excitement. We're so full of optimism and joy! We think about all the potential benefits the new tech could bring us, and aren't yet fully aware of the costs. As we use the tech more, our reactions settle down. We start to feel other emotions about our choice - some positive, some negative. I've been using Elm for 4 years now, most of them full-time at work. I'm well past the honeymoon stage. What I've come to realize is that writing Elm gives me an emotion I've never consistently felt in my 20 years as a programmer: *calm.* After 4 years, I've grown so accustomed to Elm's compiler catching my mistakes, to installing packages and having them work on the first try, to making large refactors that don't produce regressions...I've finally been able to let go of many concerns I used to spend a ton of mental cycles worrying about. This is not a talk about dazzling demos or hype-driven development. It's about what makes Elm the least stressful programming language I've ever used.
You’ve built your web app out using Angular, React or Vue…now what? How should you deploy this app? For this talk I would go into the different options for deploying your app by walking through different command line options like Zeit, Firebase, and Azure. Then walkthrough some of the deployment manager options like using Google Cloud Deployment Manager and using Kubernetes on IBM Cloud. I can’t tell you which setup is best for you but we can step through a handful and let you know some of your options.
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.
For the first 15 years of my professional career I suffered from a condition called “Imposter Syndrome” which lead to missed opportunities and stunted professional growth. I was scared to mess up and embarrassed of what people might think if they found out that I sometimes (ok...frequently) made mistakes. Fortunately, after working on a team of top notch developers for the past 4 years, I can say that I am an imposter syndrome survivor! In this talk I will share with you 5 important career lessons that have helped me take more risks, face my fears and push myself further than I thought I could go.
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.
It might not be obvious how to use Vue's reactive data with non-HTML web technologies, but it's easier than you might imagine. See how it's done, learn the tradeoffs of each technology, and gain tips to optimize performance. You'll be building stunning visualizations to impress clients and colleagues in less time than you think!
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.