React meetup recordings from July, August and September — React Talks Digest Q3 2017

Finally the second React digest is going live with 28 talks from all the meetups we could find from July, August and September. Apparently Q3 had been busy with React conferences so this time we are publishing meetups and conferences in separate posts, with the Conference Edition coming next week. Making digests less overwhelming had been the most frequent feedback we have received so far so this is the first step in that direction. Hope you find it interesting.

Table of Contents

What is MeetupFeed?

MeetupFeed is a monthly curation of recorded talks from the latest JS meetups and conferences. Currently we are covering Angular, React and VueJS and the list keeps growing every month.

Features:

  • All the talks are in English with video/audio quality being at least OK
  • Most of the talks have short descriptions, bio and attachments
  • For enabling some sort of Q&A, we have added the twitter profiles of all the speakers we could find
  • Pro tip: digests are quite long so you should consider using a Read it later app or YouTube’s Watch later playlist

React Talks Digest Q3 2017.

Follow us on twitter or subscribe for the monthly summary (strictly one mail per month) and receive the next digests in your inbox. Enjoy the curation and as always, feedbacks are welcome!

USA

ReactNYC (New York, NY)

The Road to Router v4 (44:34)

Ryan Florence

In this talk Ryan will share some history behind the changes they made to React Router in version 4, and how it relates to React generally.

Ryan is the Co-Author of React Router and Co-Owner of React Training.

Easy Server Side Rendering with GraphQL (18:38)

James Baxley

React has unified how teams think about application development. Render targets like react-dom and react-native have made it easy to create complex, data-driven applications with a learn once, write anywhere mentality. Thanks to the power of the Apollo GraphQL client, this can be extended to the server easier than ever.

Formik: Forms in React without tears (25:06)

Jared Palmer

Forms in React can be verbose, repetitive, and messy. Managing things like validation, error messages, and 3rd party inputs can make matters even worse. Why does it have to be this way? In this talk, we’re going deep on forms. I’ll explore common problems, common solutions, and introduce you to Formik, a tiny 2.3 KB form helper that lets you do all the fun stuff I just mentioned and more. Slides. GitHub Repo.

Storybook: a Visual Testing Environment for React (19:59)

Christian Cho and Rocky Meza

Developed and maintained by a community of developers, Storybook is a visual testing and development environment for React, React Native, and Vue. At Everwise, we use Storybook extensively in our development process. After this presentation, we hope you explore using Storybook in your own development process. We’ll show you its benefits with a sample environment, which will be made public for you to pull and test yourself.

Getting started with GraphQL and React (28:30)

Tim Specht

GraphQL opens up new ways of client-server when fetching data from a remote source. It can enable software teams across different platforms to ship their products faster and in a more maintainable way. This talk is giving an introduction to GraphQL, its mechanisms and some examples for getting started with GraphQL & React. Slides.

Augmenting Reality with ARKit and React Viro (20:59)

Raj Advani (Viro Media)

Apple’s recent announcement of ARKit has created a lot of excitement amongst developers. And now Viro Media’s AR/VR platform is bringing all that power to React. In this talk, we’ll explain how to create AR experiences in React, and will live code some fun AR scenes by adding virtual objects to the world, interacting with them, and building spatial UI around them.

React Chicago (Chicago, IL)

MobX (37:45)

Arthur Kay

MobX is a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming. React and MobX together are a powerful combination. React renders the application state by providing mechanisms to translate it into a tree of renderable components. MobX provides the mechanism to store and update the application state that React then uses. Let’s explore the basic differences between Redux and MobX, then dive into some real-world examples of how to use MobX in your React application.

Arthur Kay has been writing software for more than 20 years, the vast majority of it focused on JavaScript and web applications. He currently works for IronNet Cybersecurity as a Senior Software Engineer and is the UI Team Lead. Arthur graduated from Loyola University Chicago and lives in Antioch IL. Learn more at https://www.akawebdesign.com

Automatic React SPA Delivery (21:24)

Joshua Beckman

Many teams are building single page React applications delivered by a basic server. How can we build a delivery pipeline with just static HTML and JS? How can we support rollback of those deployments? Are there any benefits or challenges? We will explore the considerations of building a production-level static React SPA that can support automated deployment, delivery, and upgrade. We also will cover how to support client rollback and client storage considerations when deploying data migrations. Then, we will cover how to automate persistent client upgrades with no client interruption!

Josh has been writing software in startups for the past few years, building teams, server applications, client-side apps, mobile apps, bots, most anything. Originally trained in computational neuroscience and machine learning, Josh now leads the engineering team at OfficeLuv building APIs and apps to power the workplace (with React!).

React.js + Vim (29:52)

Jake Worth (Hashrocket)

Do you write React.js? Have you ever tried writing it… in Vim? Join Hashrocket’s Jake Worth  for a talk about integrating a 25-year-old text editor with React.js, Facebook’s open-source JavaScript library for building user interfaces. We’ll start from a blank slate and craft a development environment leveraging popular and emerging Vim plugins, workflows, and more. Expect to come away from this talk with a deeper knowledge and appreciation of this classic text editor, and a toolbelt for writing better React.js with it.

Jake is a software developer at Hashrocket interested in Rails, Phoenix, React.js, PostgreSQL, and Vim. Outside of work he enjoys organizing the Vim Chicago Meetup, playing the bagpipes, and spending time with his family.

Storybook for Prototyping and Testing of React Components (28:03)

Jason Tham (Tempus)

Jason Tham is a newish full stack web developer transitioning from a decade long career in system administration and devOps. Jason works almost exclusively in JavaScript on React + Node full stack web applications. Jason does lots of collaboration with data scientists and computational biologists to develop web applications which build upon, integrate or complement the genomic analysis applications they are building and using. Jason is very interested in open source tools, improving as a developer, participating in the local tech community, and eating pizza.

React Minneapolis (Minneapolis, MN)

React Router v4 and animating transitions (53:35)

Sam Parsons

We’re going to first get well-acquainted with the basics of the latest version of React Router (v4). A lot has changed since v3 and there are some new patterns to follow and ways to think. Then, as a fun application, we’ll explore how to pull off a couple different types of animations between routes, to add the finishing touch to your React application. SLIDES. GitHub REPO. DEMO.

Validate This, That and the Other Thing (44:32)

Sam Slotsky

Perform validation on any object, no matter how deeply structured. Write your own validation rules. Integrate with redux-form, if that’s your thing. Does your mother validate? Tell her to validate-this.

ReactJS Austin (Austin, TX)

Big Testing in React (37:43)

Charles Lowell (Frontside)

Tests come in two sizes: Big and Small. Whereas a small test draws a short perimeter around a single component or group of components and validates the edge cases they contain, a big test incorporates as much of the actual system as possible, making sure that it works in harmony together. Today, the React ecosystem has many high quality tools for writing small tests. That is, if we have a single component, we can achieve a high degree of certainty that it will work as expected in isolation. Alas, if only our users could use those same components in isolation, we wouldn’t need to seek anything further! But they don’t do they? They use them on different pages, apps, browsers, devices, and operating systems. They use them with real mice, and real keyboards to talk to real network services.  This talk will show you how to write big tests that measure your React code in a high-fidelity environment that simulates actual user interaction with your entire application. But big doesn’t need to mean hard, nor does it need to mean brittle or slow. Done right, big tests are easier to write, resilient to change, and plenty fast.

Charles has been delivering bullet-proof software for over 20 years. An avid contributor to open source, he founded the Frontside in 2009 to help businesses deliver game-changing digital products. Also, he really, really, really, really likes to code. Really.

ReactJS Portland (Portland, OR)

Learn You Recompose (48:18)

Kyle Shevlin (Fastly)

Learn to use and abuse higher order components with the Recompose library. Slides.

Kyle Shevlin is a Front End JavaScript Developer building apps with React and Redux. Also a fan of Node, Rails, D3 and more.

Prototype to Production (20:29)

Jason Van Pelt

Phoenix ReactJS (Phoenix, AZ)

Never Write Another HoC (51:07)

Michael Jackson

Michael Jackson, creator of the React Router library, gives this talk where he says a component with a render prop or children prop as renderer can do anything an HoC (Higher Order Component) can do, and more. Presented at Phoenix ReactJS on September 6, 2017, at Galvanize in downtown Phoenix. POST.

Michael has led engineering teams at several San Francisco companies including Path and Twitter, and is the primary author of many open source JavaScript libraries including mustache.js and React Router. He has a passion for building clean, well-designed systems that improve people’s lives and sharing what he learns along the way with others.

Making Reactjs real time with WebSockets (39:17)

Bryan Focht

Code along using the SockJS client to make a chat application with react and redux.

Source code on GitHub: https://github.com/bfocht/chat-client https://github.com/bfocht/chat-server

Wentworth Computer Science Society (Boston, MA)

Basics of ReactJS (45:43)

Ethan Arrowood

Ethan Arrowood, a Computer Science student from Wentworth Institute of Technology,  presents a workshop about the basics of ReactJS to the Wentworth Computer Science Society. Live streaming straight from a classroom located in the heart of Boston, Massachusetts, Ethan is very excited to share his experience on ReactJS with the FreeCodeCamp Community.

UK

React.London

Mixing ReasonML into your React apps (37:10)

Robbie McCorkell (Red Badger)

ReasonML is a super interesting language and toolset but not all of us have the luxury of a brand new greenfield project to use it in. In this talk I’ll explore some of the methods Bucklescript provides to mix ReasonML together with the Javascript in your projects. I’ll also explore some ideas on the best areas in your project to get started converting JS to Reason, and the benefits you’ll gain from doing so.

CSS in React: Spoilt for choice (16:05)

Faraz Khan (Appear Here)

I will outline some of the reasons that css in js can be difficult at first and take the audience through building and styling a component using the most recent methods adopted in the React ecosystem; styled-components, Paypal’s Glamorous, and css modules, covering their advantages and disadvantages.

Lightweight GraphQL (26:52)

Benjie Gillam (Graphile.org)

Using only React, “window.fetch()” and string concatenation this talk covers GraphQL fundamentals such as schemas, queries and mutations. By focussing on the basics and sidestepping the distractions of tooling and clients, this presentation will help you understand the power of GraphQL and give you the foundations to consider it for your own projects.

Migrating from Angular to React: A tale from the trenches (39:21)

Jack Franklin

We’re in the middle of moving a very large, business critical app from Angular 1 to React. I’d like to talk about the reasons why and the practicalities of doing so in a less risky, flexible manner that hasn’t left us rebuilding from scratch but implementing incrementally.

The Curious Case of Monorepos (26:58)

Johannes Stein

Monorepos have often stigmatized as bad practice and as such something that should be avoided. Still, big companies like Facebook, AirBnB and Google are actively using monorepos to manage their projects. In the open source world, monorepos have become more popular with Babel being the most prominent example. We’ll dive into why monorepos might have this bad reputation and go into where it makes sense to have monorepos, talk about their advantages and their shortcomings. We’ll also look into what tooling solutions are available – especially in a JavaScript context.

Building a real-time Q&A app using GraphQL (30:02)

Gerard Sans

Everyone is excited about Subscriptions, the new real-time GraphQL feature. In this talk we are going to cover the full Subscriptions stack and share our learnings while building HandsUp the OSS real-time voting app used at GraphQL Europe!

Germany

ReactJS Munich

PostgraphQL – Creating a Relay compatible GraphQL server without a line of coding (48:52)

Daniel Büchele (Bayerischer Rundfunk)

PostGraphQL is your just-add-water instant backend. The business logic is all defined in the schema of your PostgreSQL-database. PostGraphQL reads the schema and creates a relay-compliant GraphQL-server. Minimal to no node.js is required. I will give a quick intro to PostgreSQL, explain the basics of PostGraphQL and do a live demo to create a fully functional backend on stage.

Daniel is a frontend engineer at Bayerischer Rundfunk. He is working on React projects for a couple of years now. There is no hype-train he doesn’t hop on.

Embedding Microservice UIs (48:49)

Heribert Schütz (webXcerpt Software GmbH)

A microservice architecture emphasizes loose coupling between services.  But what if the services come with UIs?  How can we achieve loose coupling between UI components in a single-page application?  I present an approach developed in a customer project.

Bio: Having been a business-logic developer for many years I turned to browser-based development in 2014 as the web platform had become quite powerful and mature.

Austria

React Vienna

React ing htmlFor=”empathy” (37:31)

Jana Beck (Stitch Fix)

Gatsby 1.0! Build blazing fast static websites with React (and Markdown, GraphQL, WordPress & Friends) (36:54)

Gerald Bauer

https://github.com/geraldb/talks/blob/master/gatsby2.md

Slides.

Leave a Reply

Your email address will not be published. Required fields are marked *