Milecia McGregor is a senior software engineer & has a master’s degree in mechanical & aerospace engineering. She has published research in machine learning & robotics. She started Flipped Coding to teach people how to code with real-world projects & she publishes articles covering all aspects of software.
Data tells you what users have done so far, but machine learning can help you predict what users will do later. You can use this to improve the UI/UX of your web app. Once you know how to train a model, you can use it to make real-time updates for the user or to make enhancements for them later.
John Athayde is a Designer and Developer. Borderline Unicorn. CargoSense
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 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 react tests when you changed your components to use hooks, 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).
Redux, having been released in 2015, quickly rose to become the defacto standard for state management in modern UI development. However, like with many technologies facing explosive growth and adoption, many people began to use and learn it without the context behind its creation, the problems it solved, and the pros and cons of using it as a state management solution. As a result, lots of material, blog posts, and tutorials were put out on best practices, common conventions, and “rules” for using Redux. Over time, however, a lot of these best practices lead to common complaints such as there being too much boilerplate, too much complexity, and our component API’s being too tightly coupled to reducers and redux.
In this talk, I’d like to demonstrate how we can challenge the status quo of best practices with Redux. I’d like to examine how if we adopt a mental shift of viewing actions as events rather than commands, we can decouple our UI from Redux, reduce boilerplate, and build more robust applications.
is a Christian, husband, and father of 3, with nearly 15 years of professional experience developing user interfaces for the Web. He currently is a Principal Frontend Engineer at Stitch Fix on their Core Platform team, architecting their Design System. Ben also is a Google Developer Expert, Microsoft MVP, and enjoys playing basketball, DIY, watching movies, and tweeting (@benmvp) / blogging (benmvp.com) about his experiences with new web development technologies.
React has 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 ecosystem. But which ones should we choose? Or better yet, which ones do we actually need? Do we need still a Flux implementation? What about handling forms, bundling and routing? How does it all come together?!?!
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.
Kathryn Grayson Nanz graduated with a BFA in 2013 and took her first job as a Junior Graphic Designer at a small, boutique ad agency. While there, her Creative Director warned her to never let anyone find out I could code, because then she would be stuck doing it forever. She ignored his warning; it turns out he was completely right, but she has never been happier.
Kathryn currently works as a front-end dev on a wonderful team where she build web applications in React, design and maintain the UI component library, and desperately attempt to stop the back-end devs from writing any more CSS.
Building a component library from scratch may feel intimidating, but if you’re willing to put in the upfront time & effort, it pays off in spades. If you’re considering implementing a component library, this high-level guide will walk you through the steps we took (and help you avoid our mistakes).
Steve Drucker is the VP of Software at Agrify Corp where he manages a dev team that's laser-focused on pioneering the next-generation of software for indoor growing. Prior to joining Agrify, Steve was the founder of Fig Leaf Software in Washington DC where he served in multiple capacities over 25 years, culminating in a successful exit in 2018. He's served as a full-stack developer,best practices consultant, author, and certified technical trainer (CTT+) who has authored over a dozen instructor-led coursebooks about web development for Salesforce.com, Intel Corp., Sencha, Adobe and others. Steve is certified instructor for about a dozen web products and platforms including Sencha Ext JS, Sencha Touch, Salesforce Lightning Components, Acquia Drupal, Adobe ColdFusion, Adobe Dreamweaver, Adobe Acrobat, Adobe LiveCycle, and Adobe Connect. He has consulted on over a hundred different production apps throughout his career, authoring apps for the Washington Area Metropolitan Transit Authority (WMATA), Verizon, The United States Navy, The Voice of America, The Architect of the Capitol, The National Park Service, and Quest Diagnostics. Steve was awarded a B.S. in Computer Science from The University of Maryland, College Park in 1991.
We take for granted being able to find a gas station on our phone, but those maps not only help find that needed coffee fix - they help scientists and first responders save lives. We’ll talk about the impact maps can have and the challenges in developing these tools with React and the JAMstack.
Allison Kunz is a full stack web and mobile developer specializing in React, React Native, & GraphQL. Consultant and contractor, both independently and with agencies. My passion is establishing scalable and effective developer experiences (DX) to set up teams for success.
Learn about the NextJS framework from Zeit.co! Tour through a demo project, see what comes out of the box and how to add your favorite tooling, compare with Create-React-App, and dive into its unique and intuitive routing system.
Nir Kaufman is a Google Developer Expert in web technologies, speaker, trainer, and meetups organizer. Principal Frontend Consultant at 500Tech, a front-end consultancy in NYC.
A deep dive into some really interesting code!