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.
Jump to the event's videos:
What is MeetupFeed?
- 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
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!
ReactNYC (New York, NY)
The Road to Router v4 (44:34)
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.
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.
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.
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.
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.
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 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.
Automatic React SPA Delivery (21:24)
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 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.
Jason Tham (Tempus)
React Minneapolis (Minneapolis, MN)
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.
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)
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)
Learn to use and abuse higher order components with the Recompose library. Slides.
Prototype to Production (20:29)
Phoenix ReactJS (Phoenix, AZ)
Never Write Another HoC (51:07)
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.
Code along using the SockJS client to make a chat application with react and redux.
Wentworth Computer Science Society (Boston, MA)
Basics of ReactJS (45:43)
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.
CSS in React: Spoilt for choice (16:05)
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.
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)
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!
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.
React ing htmlFor=”empathy” (37:31)
Gatsby 1.0! Build blazing fast static websites with React (and Markdown, GraphQL, WordPress & Friends) (36:54)