Moving Web Apps out of Browser & Isolating Your Legos W/ React, GraphQL, & Relay

ReactJS Wisconsin Meetup
ReactJS Wisconsin Meetup
Public group
Location image of event venue


Yay Summer! We are excited to showcase our summer Meetup on July 23rd. Don't forget to invite your friends as we are welcoming a new speaker James Pemberton from Centare, along with an audience favorite Steven Hicks.

Topics are Isolating Your Legos With React, GraphQL, and Relay, and Moving Web Apps out of the Browser. See you at 5 pm on July 23rd!

Moving Web Apps out of the Browser

Javascript has become the predominant technology of full-featured web applications. Many great tools allow web developers to pull their code out of the browser onto a plethora of devices. We'll look at two of the more popular toolsets available - Electron and Cordova. Electron builds JavaScript applications into cross platforms, desktops apps, and Cordova builds iOS, Andriod, and Windows apps from JS. We'll go over both briefly and discuss their strengths weaknesses.

Isolating Your Legos With React, GraphQL, and Relay

React has reframed how we think about UI. Instead of controllers, we now think in components. It's like we have a crate full of Legos we can use to build our app.

We've moved our styles into our components. We're breaking our components into the appropriate sizes. But there's one last problem that keeps us from our ideal Lego app world: interaction with an API. Which Lego blocks should load the data? How do we keep parent blocks from managing too much API state? What happens when a block suddenly needs the same data as its sibling? The boundaries of our components become blurry. Our API-based state management requires a lot of planning and management, and it still feels like we get it wrong.

In this talk, I'll show you how we're using GraphQL and Relay at Artsy to isolate our Lego blocks better. Imagine explicitly declaring which data a component needs. Imagine using a tool to combine and optimize all the data requests from our Lego blocks. Imagine the tool automatically injecting the right data into the right places. It's not all sunshine and rainbows, but GraphQL and Relay can help you build better components.

Meet the Speakers!

James is a seasoned front-end developer. He has spent the last several years working in various front javascript frameworks including AngularJS, React and Ionic. He currently works as a consultant for Centare in Brookfield, WI

Steven Hicks is a web development generalist with nearly 20 years experience. He believes that code is for humans, and should be written with them in mind. Steve likes to use the right tool for the job, especially if the right tool is JavaScript. He strongly believes that if you ain't falling, you ain't learning.

Steve embraces continuous improvement and believes that a developer's job is to solve problems, not just write code. He is a speaker, a writer, a teacher, a learner, and a teammate.

When he isn't talking to the duck or smooshing 1s and 0s, you can find Steve outside. He's probably camping with his family, racing a triathlon, running trails, or climbing fake rocks.

Thank you to our sponsor!
Northwestern Mutual