September JavaScript NYC Meetup

JavaScript.NYC
JavaScript.NYC
Public group

Online event

This event has passed

Details

Welcome to our first virtual Meetup! We have 3 amazing talks:

1. Building a rich text editor in React with SlateJS
2. Supabase is an open source Firebase alternative
3. Practical Intro to State Machines and Xstate

Details below
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

1. Building a rich text editor in React with SlateJS

This talk is about SlateJS and how we used it to build the rich text editor for kitemaker.co. We'll cover the basics of how Slate is used with React and how it represents rich text documents. We'll spend most of the time looking at how to write plugins for Slate in order to add a lot of rich functionality with relatively little code. We'll wrap it up by touching on some more of the advanced features of Slate like normalizing documents, working with undo/history and handling copy/paste.

About the speaker:
Kevin Simons is the CTO at Kitemaker, a new issue tracker that tries to help teams build better products by helping them collaborate more closely. He likes to give talks and blog about React, GraphQL, software design and leading engineering teams. Previously he was the director of Data & Insights at the Schibsted Media Group, worked on Firefox OS at Telenor and worked on the Qt Framework at Nokia. He lives with his wife and 2 kids in Oslo, Norway.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
2. Supabase is an open source Firebase alternative
Supabase is an open source Firebase alternative, backed by Y Combinator. They are building the features of Firebase using open source products so that you aren't locked into any cloud provider.

About the speaker:
Paul Copplestone is the CEO and cofounder of Supabase. He is a three-time founder with 15 years experience as a full-stack developer and CTO in various industries.

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
3. Practical Intro to State Machines and Xstate
The talk introduces Finite State Machines as a concept and mentions briefly some history and concepts about their usage. We then review some libraries and tools in the npm ecosystem, what they have in common, and then proceed focusing on x-state for the rest of the talk. We'll then take a look on how to use x-state for modeling simple logic, using the x-state devtools and vizualizer to help us. We'll talk about different machines types and how to use them by showing examples. Lastly we compare and talk about trade-offs of other approaches versus using x-state

About the speaker:
You can call me Thom, I'm a Full-stack Developer from Brazil. I have more than 4 years of experience actively working with tech, but I've been around computers all my life. I'm really passionate about my work and I pour most of my time into building things and self improvement. During my career, I started building front ends for web, then switched to a full-stack approach and learned backend concepts. I also have sizable experience with mobile app development using javascript.

================================================

Thanks to our sponsor:
Oscar is the first health insurance company built to make health care easy. Headquartered in New York City, Oscar has been challenging the health care system's status quo since our founding in 2012, developing seamless technology and providing personalized support to help our members navigate their health care. We're looking for people to help us change health care. Check out our open roles at https://www.hioscar.com/careers