In this talk we will cover what ORM (Object-relational mapping) frameworks are, and how they help you manage data from the client side with less code and no SQL. We will use MongoDB as our database, Breeze.js as our connector, and Knockout for 2 way data binding to show the creation a small Twitter clone. In addition we will show how easy it is to switch backends from MongoDB to LocalStorage.
So you know React! You can build beautiful and efficient in-browser applications. Now, you want to create a similarly beautiful and efficient mobile experience for your users. You've heard of React Native - how hard could it be to bring your React codebase to a native platform that's based on the same framework? You might be surprised to hear there are a few hurdles you'll need to jump through to get your new mobile app up and running. In this talk, I will highlight some of those pain points as well as give some pointers and resources to help you tackle them, in addition to discussing the past, present, and prospective future of React Native development.
1. Leverage WebGL to create high performant solutions
2. Motivation to start thinking about new ways to visualize data
3. Knowledge on how to integrate these types of solutions to your already existing Angular/React/Vue projects
In just the last few years, the world of Web Development has exploded with innovation. CoStar’s technology direction has grown the company towards horizontal scalability and growth through modularized and micro-service oriented architecture. This extends to Micro-FrontEnds, a burgeoning concept forgoing centralized, monolithic applications in exchange for atomic development units. Teams are enabled to work independently and effectively on well-defined sub-systems, and collaboratively deliver seamless user experience across CoStar products.
The good news is that things have gotten better! In this talk we'll look at some of the syntax ES2015+ introduced to help us write more readable code for our coworkers and our future selves.
GraphQL adoption has been increasing over the last couple of years due to its ability to speed up both development and runtime. Learn how GraphQL is different from REST and when you might want to use it. I’ll show you the advantages, and disadvantages, that GraphQL brings to your systems but most of the time we'll focus on how to implement a GraphQL design. I’ll walk through building a simple GraphQL based application using a Node.js backend and a React frontend. You’ll leave the talk knowing:
1. The high level concepts of GraphQL
2. The structure of a GraphQL schema and types
3. How to implement a Node.js GraphQL backend
4. How to build a React based frontend using GraphQL
You don't want to say this out loud at parties, but you're still supporting a legacy AngularJS app and are struggling to stay current with modern techniques. We've all been there and it's going to be ok! In this talk you'll learn how to take advantage of TypeScript and reactive programming with RxJS, but in the context of an AngularJS application 'cause AngularJS devs need love too!
I've long wanted a simple way to play realistic sounding notes (not just sine waves) dynamically in the browser but it has taken a long time for the Web Audio standard to be widely available. I've tried libraries that have fallbacks to other sound-producing methods but none of them were performant enough for my needs. I found that the sound produced in those cases is more annoying than just being silent. Now, the only browser left that doesn't support Web Audio is IE11 and that has a pretty small market share.
Therefore, time finally seems right to add synthesized sound to my music notation library. This talk is an overview of the functionality that I added to abcjs, including the pitfalls and architecture of the sound generation, the gotchas encountered along the way, and about the performance and memory requirements.
Are you a React Developer who has been asked to create a Wordpress blog?
Don't dust off that PHP for Dummies book just yet! There is a new tool on the React scene that has been generating a lot of buzz recently. It's called GatsbyJS.
Come learn how Tinder used GatsbyJS to implement our heavy-traffic lifestyle blog (https://swipelife.tinder.com). We will also spill the tea on the challenges we faced while using this cutting edge technology. After attending this talk, you too will be able to go back to your epic engineering lives and create a website that non-engineers can edit themselves... all in React! 💪
As component code grows, stateful behaviors break apart. Hooks is here to fix that. After this talk you will know:
1. What did we do before hooks?
2. Why did the React team decide on the current implementation?
3. How do they work?
4. When should I use them?
5. and practical examples for each one!
Open source projects that we all depend upon, like Chromium and Electron, are managed by a small set of individuals who work for west coast technology firms. As big as the multinational banks are, their technology departments don't have the bandwidth or focus to ensure that their interests will be considered as those projects evolve. Vendors like us—though small—represent the entire finance industry, and because of our focus have the ability to stay tuned in with those projects.
As such, we can ensure that the needs of our constituents are considered in the evolution of those open source projects. This talk discusses this relationship and what it means when small commercial vendors have the power of influence in fintech open-source projects.
Pixar is a creative powerhouse. They're responsible for reinventing Disney animation, and it all comes down to creative process. But most people don't realize is that Pixar is a hardware and software company that made movies and shorts to figure out what they could do with their tools.
In this talk we'll look at Pixar's history, process, and how we can apply that to building our own products with intensive user research, constant refactoring, and infectious collaboration. Learn about the benefits of hiring varied discipline individuals and teaching them their jobs, with experience from similar programs at LivingSocial Engineering.
If you had to rewrite your tests when writing a hook in your React application, then you're writing tests wrong.
react-testing-library is what it sounds like, but more importantly, it encourages writing tests in the way that your end users will be using your components.
In this talk, I will first introduce react-testing-library, what it is, what it encourages, and what it does best. I'll then dive into how to effectively test a react component, first a smaller component, then a "larger" component with redux, i18n dependencies, etc., then I will show all of the different APIs that react-testing-library provides, and how to effectively use them. Then, I'll show how to write effective tests across an entire application (writing reusable, effective tests that are not brittle).
Ember Octane is a version of the framework that emphasizes on modern productivity and performance. This is a giant leap forward in terms of simplification, alignment with web standards and the implementation of components acting as the fundamental building block for the framework. These are some of the most exciting things to happen in the project's eight-year lifetime.
In my talk, I will be covering more details on Ember Octane and it’s features such as:
- Glimmer Components
- Tracked properties
- Native classes and decorators
- Event handling with modifiers and decorators
- Live Demo
Building a web app? Should you pick Angular, React, Vue, or the something else? Did you know that browsers have a built-in standard for building reusable components, called Web Components? With a little bit of help from LitElement and LitHtml — libraries from Google’s Polymer team — you can build powerful web apps that run natively in all modern browsers (and can even work in IE). This means faster performance, less overhead, and most importantly, long-term compatibility (once it’s in the browser, it stays in the browser). This session dives into LitElement and LitHtml, and explains how how you can build components and entire applications using property binding, templating, and other common framework features in a simple, performant, and standards-based manner.
We’ll briefly talk about a few reasons why you should give TypeScript a try, then dive into a couple of specific use cases using examples from recent projects at NPR. First we’ll look at best practices around starting a new project with TypeScript, some common pitfalls to avoid, and a few tips for getting the most out of the experience. Then we’ll tackle adding TypeScript to an existing project. Here we’ll focus on ways to take an incremental approach and how to get past some of the painful challenges you might run into.
This talk provides an architectural approach to building your Angular application.
This talk will definitively answer your questions of how to structure your Angular application so it is readable, testable, and maintainable.
We will see the stumbling blocks of Angular Components and understand how to avoid them.
Learn how to keep your Angular application happy by making your Templates dumb and declarative, your Components smart and thin, and your services fat and specific.
This will not be an introduction to Angular. Attendees should have an understanding of at least the fundamentals of Angular Components, Templates, and Services.