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.
Come join Dan as he converts https://CLEreact.dev from Gatsby to Next.js live in front of everyone 😬.
Dan's written his share of React, but hasn't dipped in to Next in any real way yet.
Whether you're looking to learn, help, or heckle, we'd love to have you!
Dan is your friendly neighborhood co-organizer of Cleveland React. Front-end developer, maintainer at https://VirtualCoffee.io, and father to two ridiculous little boys.
We’ll take a look at how to get started with Cypress, how to write reliable tests to give you confidence in your code, and how using Cypress enables you to get more done.
Bekah graduated from the Flatiron School Software Engineering program in May of 2019 and since then she has started a consultancy specializing in front-end development, co-founded a developer community called Virtual Coffee, stayed active on Twitter and in tech-related slack groups, spoke on podcasts and at conferences, and has continued to mom her four kids. Cypress used to give her nightmares but now she claims she likes it.
The Founder returns! Join Zach as he walks us through getting up and going with React Testing Library.
React Testing Library (commonly referred to as RTL) has become the default choice for unit and integration tests in React Apps. It is the React team's official recommendation as well as included automatically in Create React App applications.
From the React docs:
"React Testing Library is a set of helpers that let you test React components without relying on their implementation details. This approach makes refactoring a breeze and also nudges you towards best practices for accessibility."
Some relevant links:
React Testing Library: https://testing-library.com/docs/react-testing-library/intro
React Docs on testing: https://reactjs.org/docs/testing.html
Zach likes to write elegant code to solve inelegant problems. He is the director of software engineering at Aha! — the world’s #1 roadmap software. He splits his time between his first love, ruby, and his current passion, React.
Zach is also one of the founding members of Cleveland React!
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.
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.
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.
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.