• Inclusive Architecture, Building Serverless Backends

    5:30 - 6:25 - Registration, social hour 6:30 - 6:35 - Welcome 6:35 - 8:00 - Talks 8:00 - 9:00 - Social hour All attendees, speakers, sponsors and organizers must follow the Reactathon code of conduct. Please review it here: https://www.reactathon.com/code-of-conduct/ Thanks to OpenTable for hosting! Learn more about their open positions at https://www.opentable.com/careers/technology/ 🎤Talk 1 Tracy Lee: Inclusive Architecture - Designing your applications and team for the future. https://twitter.com/ladyleet We are all too familiar with projects and companies that only seem to be able to support senior developers, but this can get expensive, unsustainable, and your team can begin to look very myopic. Teams begin groupthink, ideas become stale, and it can be difficult to reinvigorate the growing sense of mundane development. It doesn't have to be this way. In fact, creating an inclusive architecture can help development go faster and become more cost effective. It's not difficult to begin adjusting your sails and beginning to create an architecture that is inclusive in nature to support junior developers, project managers, and designers. No application is too critical, complicated, or obscure to be able to achieve this. We'll talk through frameworks, tools, abstractions, and simple steps that can help you start building inclusively. We will also talk through how you can build a corresponding culture that allows inclusivity on your team, and why this is so critical to your business. We'll walk through processes you can incorporate, team roles, and how you can build a better template for the future of your business. About Tracy Tracy is the Co-Founder of This Dot Labs, a consultancy helping teams build front end applications and is focused on changing the ratio in tech. She is also a Google Developer Expert, RxJS Core Team member, a Women Techmakers Lead, and a frequent keynote speaker at conferences. She heads up Community Relations at Node Foundation, is the host of the Modern Web podcast, organizer of This.JavaScript, Contributor Days, Google Developer Group Silicon Valley and Triangle, and RxWorkshop. You can find her on Twitter @ladyleet or at http://thisdot.co/labs. 🎤Talk 2 David Wells: Building an infinitely scalable serverless backend for your react app https://twitter.com/davidwells David will be discussing how easy it is for frontend developers to deploy serverless backends using plain ol’ JavaScript. You will gain a deeper understanding of the wide variety of serverless solutions in the ecosystem including the different options for databases/filestorage/auth/alerting/queuing and everything else you might need for building real world scalable applications with minimal operational overhead (and at a fraction of the cost). About David David Wells is Serverless architect & full stack developer and currently DX @netlify

    11
  • DX, Advanced Layout Systems, Rust in the Browser for JavaScripter, Gatsby Themes

    5:30 - 6:25 - Registration, social hour 6:30 - 6:35 - Welcome 6:35 - 8:20 - Talks 8:20 - 9:20 - Social hour Samsara can store your bike or scooter inside. Bring it to the 4th floor reception and they'll store it for you! 🎤Talk 1 Edwin Zhang: Developer Delight at Samsara Creating robust products and great user experiences isn't solely dependent on the code we write or the frameworks we use, but often on the tools we use to build them. In this talk, we'll go over the various ways we use and develop tools for frontend development and how they help us ship great products quickly and safely here at Samsara. About Edwin Hi! I'm a full-stack software engineer leading Samsara's Platform UX team. I'm passionate about bringing delightful user experiences to industries that don't always get the attention they deserve, and empowering developers with the tools they need to do it. 🎤Talk 2 Kyle Mathews: Building a Gatsby Theme While building simple sites with Gatsby is, well, simple, more complex sites can be difficult to configure and use. Kyle, the creator of Gatsby, will walk through a history of theming in various systems, what problems they solve, and the very novel feature of Gatsby Themes in that they enable true composition. Like React components, Gatsby Themes can be composed together in parent and sibling relationships which will enable completely novel and highly productive architectures for building websites. About Kyle Kyle is a tech entrepreneur based in San Francisco, CA. He's founded several startups and is now building a next generation open source JavaScript website framework called Gatsby that blends the speed of static sites with the rich tooling and client-side capabilities of React.js. 🎤Talk 3 Parris Khachi: Advanced Layout Systems for the Web https://twitter.com/parrissays Sometimes in life what you really need is `position: absolute-relative;`. While working on a drag/drop web editor we discovered that many people don't necessarily understand how a stack of content works -- even though this is usually how we think of layouts on the web. In the process of finding a solution for this I explored how different SDKs and applications handle layout. This talk is about that research, and where we landed as a company in trying to tackle this problem. About Parris Parris is the CTO and Co-Founder at StoryForj. He previously worked at Brigade as Director of Engineering and at Eventbrite as a Senior Software Engineer and Product Manager. Today he's looking to push the boundaries of the web and give more people access to creating meaningful, engaging content. 🎤Talk 4 Sean Grove: Rust in the Browser for JavaScripters: New Frontiers, New Possibilities https://twitter.com/sgrove Thanks to WebAssembly (WASM), Rust can reach the platform with the largest reach: the browser. We'll take a look at how thanks to the impressive language design, thoughtful compiler error messages, and great documentation, JavaScripters can unlock high-performance concurrency and graphics thanks to Rust. We'll step through Rust/wasm/JS interop, see what it's like to get a reference to a canvas instance, to communicate with services workers, and to pass data between all the pieces involved. We'll take a look at what's enabled, as well as pitfalls around the data boundaries involved, and the size of the final payload, so that it's clear where the cost of introducing Rust is outweighed by About Sean Sean's been convinced there are better ways to develop applications across the stack for years, and built time-traveling debuggers, interface builders, layout tools, and graphic design tools in his quest to explore the space. His company was the first to deploy ClojureScript's Om library to a production app in early 2014, he helped lay the architecture for CircleCI's open-source frontend app and https://www.precursorapp.com, built systems to support tens of millions of dollars in transactions, and most recently founded OneGraph.

    10
  • Reactathon - Conference

    GitHub

    Update: Schedule now live at https://www.reactathon.com/schedule IMPORTANT: This event requires outside paid registration. An RSVP on meetup does not guarantee you entry. Head to https://www.reactathon.com to purchase your ticket. Reactathon is back for 2019 and bigger than ever! With speakers including Jen Luker, Shawn Swyx Wang, Jay Phelps, Jenn Creighton, Emily Plummer, Wes Bos and more! Don't miss out on this fun and educational event. See the full lineup and schedule at https://www.reactathon.com Events: Welcome Reception Mingle with other engineers, speakers, workshop instructors, and sponsors over food and drinks. Six 10-minute lightning talks, and topic tables. Topic Tables Informal sessions to get up close and personal with speakers, workshop instructors, and other experts on a specific subject. Conference A full day of talks heavy on content, applicability, and originality. With over 10 speakers discussing a variety of subjects, you're sure to learn many things to implement back at the office. Hiring Mixer Looking for your next job? Or out to get your first? Come to the hiring mixer where you'll meet some of the Bay Area's hottest companies. Free for hireable developers. Workshops From 4 hour workshops on the basics to full-day workshop on advanced topics, you'll learn in hours what our instructors have mastered over years. Learn more at https://www.reactathon.com/workshops Sponsors Interested in sponsoring the React.js event of the year? Contact [masked]

  • React.js Hiring Mixer

    LendingClub

    The Reactathon hiring mixer is back for 2019! Come mingle with some of the Bay Area's hottest companies. Find your next job or your first! IMPORTANT: Outside registration is required to attend. An RSVP on meetup does NOT guarantee you entry. Please RSVP on Eventbrite here: https://www.eventbrite.com/e/hiring-mixer-reactathon-2019-san-francisco-tickets-57638511339 FAQ How much does it cost? Free for hireable developers. Which companies are hiring? Lending Club, Netlify, Gusto, Flexport, Eventbrite, and more. Do I have to know React? No. Although most of the companies in attendance are using React on the front-end, they also use a lot of other tools and technologies, in various ways. So if you have other skills to offer, then by all means, come and join us. However, if you're new to React and want to learn it, we encourage you to check the workshops offered throughout the week at reactathon.com Will there be food and drinks? Yes and yes. Is my information safe on the Eventbrite sign-up page? Yes. We understand that some people prefer confidentiality. We will not give, sell, or share any information submitted to the Hiring Mixer sign-up. So if you sign up and choose not to show up, no one will ever know but the Real World React team, and we give you our pledge to not disclose it, ever, to anyone other than the companies at the hiring mixer. If you want more confidentiality, see the "Remote Apply" option. Can I apply remotely? Yes. Select the "REMOTE hiring mixer" ticket. As a remote applicant, we will email you following the event with a full list of companies. You can choose to select the companies you wish to apply to, or ignore the email for the default of sharing your information with all companies in attendance. Can't make it in person? Want to pick and choose which companies get to see your CV? Select the REMOTE hiring mixer ticket below. Looking to hire front-end engineers? Interested in sponsoring a table? Contact [masked] to exhibit at the mixer!

    3
  • Hooks + Three.js, Unicode, React + Typescript, & Building a startup in 1 day

    General Assembly - San Francisco

    Special Announcement -------------------------------- Reactathon 2019 is a go! See the lineup, propose a talk, and purchase tickets at https://www.reactathon.com Important -------------- This meetup is limited to the first 160 who arrive. After that number is hit, registration will be closed. Please arrive early to ensure entry. Venue is General Assembly. Venue provided by General Assembly. Food & Drinks provided courtesy of Dropbox. 5:45 - 6:25 - Registration, social hour 6:30 - 6:35 - Welcome 6:35 - 8:00 - Talks 8:00 - 9:00 - Social hour Talk 1 ------------------------------------------------- Aaron Siladi: React Hooks + Three.js This talk will contain general background info about the experimental new React Hooks API, and show an example of using it to create hybrid React/Three.js components. You'll learn how to create components that have interesting side effects beyond what you can do with the classic lifecycle methods that exist today. About Aaron Aaron Siladi is a Senior Software Engineer at HOVER, where he is building UIs that control 3D models. When not writing React code, he can be found hiking, flying drones, or playing with fire. Talk 2 ------------------------------------------------ Justin Hileman: What the Unicode? https://twitter.com/bobthecow Fun and games with Unicode: A quick dive into flag math, emoji shenanigans, code point gotchas, and more. About Justin Justin is a software engineer working on Dropbox Paper. He’s the keeper of emoji, and the hanger of punctuation. He wrote all of the bugs—and most of the features—in Paper’s presentation mode. He’s passionate about building great user experiences and products that help people be more productive. He abuses horizontal ellipses more than any other punctuation mark… Talk 3 --------------------------------------------------------------------------------- Shawn Swyx Wang: Getting started with React + TypeScript https://twitter.com/swyx TypeScript is increasingly being adopted in React apps at scale, from AirBnb to Shopify to Atlassian. In this live coding talk, we walk through best practices and introduce everything you need to know to get started, WITHOUT getting lost in arcane generic type logic! About Swyx Swyx is an Infinite Builder working on Developer Experience at Netlify. In his free time he helps people Learn in Public at Egghead.io and /r/reactjs. Talk 4 --------------------------------------------------------------------- Swizec Teller: The modern web is crazy productive https://twitter.com/swizec When I started building products some 10 years ago, the web was a dark place. * Wanna charge a credit card? At least a week of work. * Wanna store user info? You better know how to run and host MySQL. * Want to go live? Good luck configuring Nginx or Apache. * Want a dynamic experience on the frontend? Browsers don’t even use the same JavaScript. Nowadays you can conceptualize and launch a product in 1 day. React makes it super easy to build webapps, UI kits mean you don’t need design skills, Gatsby makes your stuff fast, GraphQL makes it easy to get data, Serverless means you never have to configure a server again. Honestly it’s amazing. We live in the future. This talk, inspired by the #24hrstartup challenge, is about how all of a sudden you actually can build a startup in one day. About Swizec Swizec is an engineering consultant, trainer, and author of ES 2017 (https://es2017.io/), React + D3 v4 (https://swizec.com/reactd3js/), and others. He blogs at swizec.com and vlogs at https://youtube.com/user/TheSwizec Code of Conduct ------------------------ By attending this meetup, you agree to adhere to and abide by our code of conduct. You can read it at https://www.reactathon.com/code-of-conduct/

    10
  • React & Accessibility, State Machines, Updating Legacy Code, & React Native

    5:45 - 6:25 - Registration, Food & Drinks (thanks, NerdWallet!) 6:30 - 6:35 - Welcome 6:35 - 7:30 - Talks 7:30 - 7:45 - Break 7:45 - 8:45 - Talks 8:45 - 9:30 - Social hour Talk 1 ---------------------------------------------------------------------------------------------------- Taras Mankovski - Declarative state machines: State reducers on steroids State reducers patterns is a popular approach to building components in React. State machines make applications easy to reason about. Combine them together to unlock super powers you didn't know you had. About Taras Taras is a software engineer and co-creator of Microstates. When he's not helping clients solve difficult challenges, he's mentoring developers in React and JavaScript. Talk 2 ----------------------------------------------------------------------------------------- Tanvi Patel - How to introduce modern code to the legacy jungle Legacy code is code written by others and usually is no longer supported but continually patched. Do you find yourself lost in the legacy jungle? This talk will provide helpful suggestions on how to deal with the tangled web of legacy code created over time. It will address approaches to effectively plan for refactoring to comply legacy code with a modern framework, leaning on a case study from Yelp on React migration. About Tanvi Tanvi currently works as Software Engineer at Yelp, San Francisco as part of core web team. She originally hails from India where she worked in product oriented software company as well as in media company. Having worked in small as well as large scaled based companies and research lab, she has great exposure in working with engineers from around the world on web front. Talk 3 ------------------------------------------------------------ David Sturley - Web Accessibility and React In this talk, we'll cover common pitfalls and problems with web accessibility and React, and how an accessible, shared component library can help to mitigate these problems. About David David Sturley is a Software Engineer at NerdWallet. Before joining NerdWallet, he worked at Deque Systems, a company who specializes in web accessibility and was the lead developer for AXE, the engine behind the Lighthouse accessibility audit. Talk 4 ----------------------------------------------------------------------------------- Reuben Abraham - Building Complex Apps with React Native NerdWallet started its mobile journey about two years ago with a 100% React Native app and a relatively constrained feature set. As our product needs have expanded over time, we made the conscious decision to stay all-in with React Native while simultaneously investing in key pieces of native-side architecture. This approach has allowed us to develop complex, high-quality mobile experiences against a fast-paced product roadmap – taking full advantage of the power of React Native without compromising expectations of what a cutting-edge mobile app should be. About Reuben Reuben is a software engineer on the mobile team at NerdWallet. He's passionate about building software with high-quality user experiences, so that people love using it everyday because it genuinely improves some part of their lives. Check out his blog post on improving React app performance: https://www.nerdwallet.com/blog/engineering/understanding-react-component-performance/ Code of Conduct ------------------------ By attending this meetup, you agree to adhere to and abide by our code of conduct. You can read it at https://jsconf.com/codeofconduct Photography & Videography Disclaimer ------------------------------------------------------ This meetup will be recorded with photography and videography. By attending this event, you consent that your image and likeness may appear on video and in photographs to be posted on the web. If you do not want the chance of your photo or video being taken, you can enjoy the talks from the comfort of your home following the event.

  • JAMstack Hackathon @GitHub

    GitHub

    We are partnering with FreeCodeCamp, Netlify, and GitHub for a hackathon on all things JAMstack as part of JAMstack_conf 2018. What is the JAMstack? It's an architectural design philosophy that leverages modern front-end tools with APIs, microservices, and serverless functions instead of web servers. In this workflow, front-end developers are empowered with fullStack-devops capabilities, without the cost or headache of added infrastructure. As you may have already guessed, the JAMstack is perfect for a hackathon, where you build a modern front-end coupled with powerful APIs. The hackathon is free to attend, but requires an application process to prove that you're serious about attending. Learn more and sign up at https://jamstackconf.com/#hackathon NOTE: Outside registration is required for this event. Your RSVP on meetup does not grant you entry.

    13
  • JAMstack Conf 2018

    JW Marriott San Francisco Union Square

    Front-end engineers have become more powerful in the last 5 years than in the previous 20. We can now build full-stack applications leveraging modern front-end tools, APIs, microservices, and serverless architecture. This is known as the JAMstack. JAMstack Conf is a celebration of today’s modern web technologies — and the engineers and companies who are pushing the boundaries of tomorrow’s web architecture. Attend this premier event in the heart of San Francisco to learn how to build modern web projects that run without web servers. Featured speakers: Monica Dinculescu - Google Chris Coyier - CSS Tricks/Codepen Wes Bos - Syntax.fm Jessica Lord - Splice ...and more! You can see the full lineup and buy tickets at https://jamstackconf.com . Use the code RWR20 for an exclusive 20% off the ticket price! Come and learn how your company can save time, money, and improve the developer + CMS experience by adopting a modern workflow on the JAMstack!

  • Reactathon Conf

    GitHub

    GitHub is hosting us for a special edition of Reactathon! Come mingle with and learn from some of the biggest names in the JS/React community. Speakers include Brian Holt, Lauren Tan, Jen Luker, Laurie Voss, and more! See the full list of speakers and buy tickets at https://www.reactathon.com

    3
  • Partner Meetup: How to be a Manager | Effective cross-team communication

    NOTE: This meetup is in partnership with our new group "Developer => Manager/Entrepreneur". RSVP here: https://www.meetup.com/Developer-Manager-Entrepreneur/events/252676757/ Schedule: 5:30pm - 6:30pm: Food, drinks, social/networking 6:30: Welcome & Introduction 6:35 - 7:20: Talks 7:20 - 7:45: Town Hall Q&A 7:45 - 8:30: Social/networking hour Abstract: We are excited to feature two incredible speakers this evening. Greg Skloot is a successful entrepreneur who recently made the front page of HN with a cool 1,631 points (https://news.ycombinator.com/item?id=17238135) for his thorough blog post "How to be a Manager - a step-by-step guide to leading a team". Becky Roth is product marketing manager for the Expedia Mobile App, and will be sharing her many years of experience with you for effective cross-team communication. We'll hear two presentations from these individuals and then have a town hall panel to get all of your questions answered! Talk 1 Greg Skloot: How to be a Manager @GregSkloot Whether you’re the founder of a startup or a recently promoted manager, leading people can be the #1 hardest challenge on your plate. This talk outlines the nitty gritty details on how to be a successful people manager. I'll go through the 5 step formula that successful leaders use to manage their teams, from establishing great culture to excellent communication. At the end, you'll walk away with real, actionable tactics that you can immediately use with your own team. About Greg Greg Skloot is CEO of Weekly Update, a tool that helps teams improve meetings and communication by sharing short status updates each week. Previously, he was CEO of Attend.com ($3M funding, 30 employees) and VP Growth at Netpulse ($40M funding, 70 employees). Talk 2 Becky Roth: Use Your Words -- Effective cross-team communication @BeccaJean51 At Expedia, we’re working on projects that span a huge array of organizational functions: engineering, marketing, PM, customer service, finance, and legal. This diverse groupset is further complicated by the diversity among individuals, spanning a from new employees working on implementation to C-Suite leadership. In this talk, you’ll learn how to identify the needs and motivations of the people you're speaking with, how to craft the perfect message to make sure that you are effective & persuasive, and ultimately how to get what you need. About Becky Becky Roth is a creative and forever-curious product marketing manager for the Expedia Mobile App. She specializes in un-complicating complexity and communicating with customers in simple and easy-to-understand ways. Previously, she has worked on mobile apps for giants including Samsung and AAA, as well as smaller startups, most recently, Rocket Lawyer. She is now working at the intersection of her passion for travel and mobile apps at Expedia. Before going to the tech world, she completed her B.A. at the University of Michigan in Communication and Psychology, received a Master's of Communication at Michigan State University and started her career managing the Michigan State Social Media Research Lab with a focus on online community interaction. In her free time, she enjoys her dog, a good book, and pictures of funny looking animals. Town Hall Q&A Get all of your questions answered from the speakers and a third TBD manager from Expedia! Come prepared with your best questions or just listen in and take notes. Code of Conduct By attending this meetup, you agree to adhere to our Code of Conduct. We abide by the JS Conf Code of Conduct which can be viewed here: https://jsconf.com/codeofconduct.html We will be recording this event. By attending this meetup you consent to have your picture and likeness recorded, which may used for marketing purposes.