Hello, we're Cleveland React!

About us

We are a Cleveland meetup focused on the React.js framework. Join us for regular talks and discussions about intermediate-to-advanced topics pertaining to React.js and its broader ecosystem. All skill and experience levels welcome!

Cleveland React is a safe and friendly place for all people, and behavior that makes people feel unsafe will not be tolerated. Please read our Code of Conduct.

Cleveland React

Events📅

Upcoming Events:

Past Events:

React Native/ Expo for Web: The Browser Is Just Another Mobile OS

Online event

24 attendees

11:00PM - 1:00AM

Last time we talked about React Native and Expo at CLE React, it was all about an easier way to break into mobile development by way of React skills we've honed on the Web. Well, in the meantime, Expo has been organizing a secret friendly takeover of web development, making "web" just another build target alongside iOS and Android. Let's take another look at Expo and React Native, but this time from the perspective of building one app that truly runs everywhere, seeing how mobile components translate seamlessly to web, and what to do when they don't.

About Keith:
Keith is a mobile developer at Nudge, specializing in building their next generation of wellness engagement apps using React Native. He loves all things mobile, except screen notches and manufacturer-specific Android bugs. When he’s not slinging JavaScript, you might find Keith zipping through busy Cleveland streets on his bicycle, building a computer case out of Lego, or in the kitchen breaking new ground in the field of alternative omelette fillings.

Building React UIs Visually with Yang Zhang

Online event

18 attendees

10:00PM - 11:30PM

Join us for a remote conversation with Yang as he discusses his latest project, a UI builder tool named Plasmic.

-------

Design tools are amazing tools for thought, but for a host of reasons are limited to creating drawings rather than production assets. Engineers must instead re-create surfaces from scratch, by hand, using code. This inevitably leads to discrepancies and back-and-forth with the design team, and ultimately two sources of truth that are never truly in sync.

Plasmic is a tool to build UIs visually, currently in heavy development. It loosely resembles a design tool and aims to give the same sense of speedy iteration, but is for building maintainable, production-ready presentational components. The idea is to give developers a better and faster development experience, eliminate an entire class of visual bugs/QA/tooling, and ultimately maintain a single source of truth with design.

Yang had an early career in distributed database systems and machine learning, but discovered a passion in creating tools that directly touch and empower users. His time with React and JS has seen him build things from complex spreadsheet software to massively multiplayer real-time browser games. He is now building Plasmic full time.

All About Next.js

Online event

25 attendees

11:00PM - 1:00AM

Come join us online and learn all about Next.js! Next.js is a popular React framework that is used to create "production-grade React applications that scale." CLE React member James Mosier will walk us through getting started creating static and dynamic React sites using Next.js.

---

James's Talk:

There are many considerations to make when starting a new web application. Does it need to be a dynamic site? Or static? Or both?! Who will setup and manage your build tools (looking at you webpack!)? What do you do as the organization scales? The list goes on. With so many solutions out there specializing in one thing or another, which do you choose? What if you could have all of that and more? Well you’re in luck! Next.js is an all-in-one, zero configuration solution for production ready static and dynamic web applications. Used in production by some of the largest companies in the world, Next.js solves the tough problems so you can focus on creating great products for your users. Whether you are building an enterprise dashboard, e-commerce site, blog, or all of the above, Next.js can do it. In this talk we’ll cover all of this and more and dive into what makes Next.js so great for you and most importantly your users.

---

About James:

James Mosier is a Senior Front End Engineer at RVshare, a peer-to-peer RV marketplace. He’s worked across the entire development stack in the past but has always had a love for JavaScript and CSS. He enjoys helping out open source communities, teaching others, and writing accessible and performant applications.

https://jamesdmosier.com/

Black Lives Matter

Online Event

11 attendees

12:45AM - 3:59AM

Cleveland React remains in solidarity with the Black community here in Cleveland and around the world.

Racism, discrimination, and senseless acts of violence against Black people have no place in our society.

#BlackLivesMatter

From now until midnight on June 8, Cleveland React will match donations up to $1,000 to the following orgs:

◼️ Black Lives Matter Cleveland: https://www.paypal.me/blmcle
◼️ ACLU of Ohio: https://action.aclu.org/give/support-aclu-ohio
◼️ Showing Up for Racial Justice: https://www.showingupforracialjustice.org/donate.html

Reply or DM receipts on Meetup, Twitter, Slack, or email to [masked] - please be sure to crop or cover any credit card or other sensitive information!

Black Lives Matter.

🔌 Websockets + ⚛️ React = 🤯 Real Time Data with Dylan Pierce

Online event

29 attendees

11:00PM - 1:00AM

Please join us for our third remote event! Dylan Pierce will be introducing us to Web Sockets and how to use them to power up your React apps!

---

Dylan's Talk:

Pulling from APIs gives your apps life. But what if you need to push from your API to your React app? Forget `setTimeout` with an API call every second - with web sockets you don't need that nonsense.

It's not rocket science either, with web sockets you can consume data in real time from your apps and give your customers a magical experience.

Use cases of web sockets include:

- Chat apps
- Live Dashboards
- SMS verification for authentication
- Fantasy Football apps

After this talk you should be able to understand the gist of how web sockets work, and know the basics to use them in your projects.

---

About Dylan:

Dylan is the Head of Trust & Security @ RVshare. Full stack developer of sorts, he's worked in a variety of languages and worn many hats across the startups he's worked with for the better part of the decade.

Besides being a general internet plumber, he enjoys learning about catching and preventing fraud. His latest project Verdict (https://getverdict.com) helps Shopify merchants increase revenue by preventing chargeback fraud.