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!

---

About Dan:

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.

Web: https://dtott.com
Twitter: https://twitter.com/danieltott

We write tests to give us confidence that things won’t break and to save time. But it takes time to write tests. How does that save time? When you use the JavaScript testing framework Cypress, you’ve got the Swiss Army Knife of end-to-end testing. Cypress has bundled together the tools you need to get up and testing fast.

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.

https://www.cypress.io

About Bekah:

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.

Twitter: https://twitter.com/BekahHW
Website: https://bekahhw.github.io
Virtual Coffee: https://virtualcoffee.io

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

About Zach:

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.

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.

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.

---

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/