React Day Berlin

React Day Berlin 2022

Alexandra Spalato

React Summit

React Summit 2024

Artificial Intelligence (AI) is now a must-have in software development, and the demand for AI engineers is rising through the roof. As a React developer, it is a good chance to grow and expand. Many React developers might wonder: “What do I need to know about AI? and do I have what it takes?” With AI reshaping industries, the pressure to adapt and expand our skillisets is palpable. The question isn’t just about staying relevant; it’s about seizing unprecedented opportunities in development and automation. What if learning AI could help you do more with React? Think about using AI to help with coding, or to make smarter apps faster. This talk will show you how to start. in this talk, we’ll demystify the role of an AI engineer and outline the essential skills React developers need to transition into this evolving field.

AI for React Developers: Opportunities, Learning, and Innovation

JS Nation

JSNation 2024

AI is shaking up the front-end scene, but is it a game-changer or a job-taker? Tired of repetitive tasks and boilerplate code? Picture this: AI handles the boring parts, letting you unleash your creativity on the stuff that really matters. But let’s hit the brakes for a second—could this wizardry actually boot us out of our own jobs? In this eye-opening talk, we’ll dive deep into AI tools that can level up your coding and design skills. We’ll also tackle the burning question everyone’s thinking but not asking: Is AI your future sidekick or the one that’ll swipe your job? Get ready to learn how to make AI your ally in coding, all while keeping your career on solid ground.

AI in Front-End Dev: Your Creative Partner or Job Snatcher?

React Summit US

React Summit US 2023

Ready to take a thrilling ride into the world of headless e-commerce with Shopify Hydrogen? This cutting-edge solution, built on top of Remix, is the latest and greatest way to build high-performance online store. E-commerce is more important than ever, and providing a seamless customer experience is key. But building a platform that delivers can be daunting, even for experienced developers. With Hydrogen, you'll not only find it easier to build a top-of-the-line online store, but you'll also discover how much fun it can be! From creating collections and products to implementing a shopping cart, we'll show you how Hydrogen can take your developer experience to the next level.

Lightning Fast E-Commerce: Remix your Shop with Shopify Hydrogen

React Advanced

React Advanced 2023

Discover the power of Remix, a groundbreaking full-stack framework that embraces web standards to redefine modern web development.As developers grapple with complex tools and frameworks, creating performant and maintainable applications becomes increasingly challenging.What if there's a solution that leverages core web principles to streamline development? Enter RemixIn this talk, learn how Remix harnesses web standards, such as URLs, Fetch API, HTML, and HTTP caching, to elevate developer and user experiences, ultimately empowering you to become a better developer!

Remix: Embracing Web Standards to Redefine Modern Web Development

I. Introduction- Overview of Shopify Hydrogen and Remix- Importance of headless e-commerce and its impact on the industry II. Setting up Shopify Hydrogen- Installing and setting up Hydrogen with Remix- Setting up the project structure and components III. Creating Collections and Products- Creating collections and products using Hydrogen’s React components- Implementing a Shopping Cart- Building a shopping cart using Hydrogen’s built-in components VI. Building the home page with Storyblok- Cloning the space and explaining how it works- Implementing Storyblok in the repo- Creating the Blok components- Creating the Shopify components- Implementing personalisation

Building High-Performance Online Stores with Shopify Hydrogen and Remix

React Advanced 2022

In this workshop, you will integrate a decoupled Gatsby Shopify website into Storyblok real-time visual editor.<ol><li>1. Connect Gatsby with Shopify and build the catalog</li><li>2. Build the shopping Card functionality using shopify-buy</li><li>3. Connect Gatsby with Storyblok</li><li>4. Build editable components for the Storyblok visual editor, including Shopify products and Collections</li></ol> Prerequisites<a href="https://www.gatsbyjs.com/docs/tutorial/part-0/">Computer ready for Gatsby.</a> Workshop levelReact and Gatsby intermediate.