List of videos

You can go EVERYWHERE but I can go FAST - performance case study - J. Binda | React Native EU 2022
On-Road or Off-Road ? Well known question for each automotive enthusiast. Going extremely fast on one end, going absolutely everywhere on the other. Both require different setup and approaches. Both require a use case and defining purpose. It’s not limited just to vehicles. We are forced to reach a compromise in many life’s areas including programming. What will have happened when we put on the line app performance and its versatility in React Native? During the talk I will bring more light on the stated age-old dilemma and try to answer the question if it’s really either my way or highway. Speaker Bio A dedicated software developer who puts a lot of attention to detail in every task that he does. Always committed and eager to learn. Jakub likes to create things and dive into how they work. A father of two and a husband of a woman of his life. Those two roles motivate him the most and give him the strength to move mountains. Check out more about React Native EU conference: https://www.react-native.eu/ and follow us on Twitter to stay up to date: https://twitter.com/react_native_eu
Watch
Getting Better All the Time: How to Escape Bad Code - Josh Justice | React Native EU 2022
What do you do when you need to work with some really bad code? It seems like a no-win situation: whether you rewrite it, do a ""refactoring sprint,"" or just live with it, you have to pay a big cost. But these aren't the only options. There's a way to get control of your code so that you can make whatever improvements you need in a low-stress, low-cost way. To explain how, this talk is split into two parts. In the first part we'll look at a messy React Native component and see how effortless it is to make improvements to the code if you have comprehensive tests. In the second part we'll tackle that big ""if:"" how in the world can you get comprehensive tests like that? By the end of this talk you'll have the information to decide if this approach to testing and refactoring will help your project, and if so, you'll have next steps to hone your skills in this approach. Speaker Bio Josh Justice has worked as a developer for 17 years across mobile, frontend, and backend platforms. He currently serves as the Web Platform Lead at Big Nerd Ranch, a web and mobile development shop in Atlanta, Georgia. He also writes, speaks, and livestreams about React Native, testing, and software design. Check out more about React Native EU conference: https://www.react-native.eu/ and follow us on Twitter to stay up to date: https://twitter.com/react_native_eu
Watch
Showcase of rn-emoji-keyboard. Enhance your communication with the language of emoji - M. Jaśkowska
Showcase of rn-emoji-keyboard library. Enhance your communication with the language of emoji Emoji breaks language barriers and boosts nonverbal communication with emotion. As a developer, have you ever wondered what emoji is under the hood? What makes it look different depending on a device or an application? We will look into how it is done and go through some fun facts followed by presenting features of rn-emoji-keyboard - a lightweight, performant and customisable open source library. Speaker Bio Hi! I’m Magda, a software developer from London. I work at TheWidlarzGroup where I develop websites and mobile apps. I’m interested in all things React Native. An active open source contributor, trying to turn caffeine into a working software to make your life easier. Aviation geek and winter sports enthusiast. Check out more about React Native EU conference: https://www.react-native.eu/ and follow us on Twitter to stay up to date: https://twitter.com/react_native_eu
Watch
React Native MicroApp Architecture - Dilara Kırnapcı, Batuhan Tozun | React Native EU 2022
Trendyol is the largest e-commerce company in Turkey, established in 2010 to provide a seamless e-commerce experience to our customers and vendors. At Trendyol Technology team, we scale up vertically. And each team develops their features end-to-end. With this MicroApp Architecture, teams can develop their own domains independently. Our main goal is to improve the code ownership and differentiate business and infrastructure parts, independent deployments. It provides a stable, reusable micro app that can be easily testable. We separate native and domain parts by repositories, these repositories can be developed independently and these independent parts bring together through the build step. Speakers Bios Batuhan is Engineering Team Lead at Trendyol Tech. He began his career in another e-commerce company and then worked as a Frontend Engineer in many start-ups and companies. Currently, he is working with Seller Center Web and Mobile Core teams. Their aim is to empower all users and frontend/mobile developers to achieve maximum efficiency and effectiveness by enabling and building a first-class web/mobile experience. Dilara - I am a computer engineer and I began my carrier working as mobile software developer dealing with react native. Currently I am a member of Seller Center Mobile Core team at Trendyol Tech and working as software developer
Watch
How to use React Native with Nx in monorepo - Emily Xiong | React Native EU 2022
This talk is going to showcase how to create React Native apps with Nx in monorepo. It will go through - code sharing between web apps - how to use storybook out of the box - how to run unit and e2e tests Speaker Bio A developer in Toronto that focus on monorepo with React Native and Expo. Check out more about React Native EU conference: https://www.react-native.eu/ and follow us on Twitter to stay up to date: https://twitter.com/react_native_eu
Watch
Building a full JS deep zoom image viewer - Maxence Harm | React Native EU 2022
The go-to solution for efficient display of (very) large images with zooming capability is to use tile pyramids. It is the principle behind every map viewer (google maps, apple plans, leaflet etc.). Our use case was to give our users the ability to view and add markers on building floor plans, with sufficient precision (hence a good zooming ability) and with good performance (network and interactions) in order to be usable on site. From a proof of concept using react-native-maps, we moved to a home made production component built with reanimated 2, fully written in javascript under 500 lines of code. This talk is a walk through the decision to start from scratch instead of using a third party native library. Speaker Bio Co-Founder at a tech company based in La Rochelle, on the atlantic coast of France. We work hard to bring an all-in-one solution for construction professionals.
Watch
Reducing bugs in a React codebase - Darshita Chaturvedi | React Native EU 2022
This is a novel and original look into some of the unexpected behaviors in a React codebase and the anti-patterns that cause them. We discovered them while building a new full-stack web development framework on top of React. We published some of our learnings and received overwhelmingly positive reactions from developers worldwide such as: 1. Selected as the top article of the week by various newsletters 2. Developers voluntarily translated the article into many languages such as South Korean and Russian 3. Reached 100K+ developers with comments such as “Changed my day!” We wish to share these learnings with an even wider developer community through this conference. (https://betterprogramming.pub/how-we-reduced-bugs-in-our-react-code-base-9a7a979b4442) Speaker Bio Darshita Chaturvedi is the Co-Founder & CEO of Atri Labs where she is leading the development of a new full-stack framework for web development. She has five years of experience working in Machine Learning and Data Science fields in various capacities from Graduate Research Assistant at MIT (USA) to Quant Researcher at BlackRock, a US headquartered asset management firm. She completed her undergraduate education in Engineering from IIT Kharagpur, India, and dropped out from graduate program in management at MIT Sloan to work on her startup full-time. Her favorite past times are painting and learning art history. Check out more about React Native EU conference: https://www.react-native.eu/ and follow us on Twitter to stay up to date: https://twitter.com/react_native_eu
Watch
Stripe React Native: A simple set of solutions to a complex set of problems - C.Cruzan | RN EU 2022
Stripe React Native: A simple set of solutions to a complex set of problems Collecting payments in an app is notoriously difficult. Before you get started, you need to decide whether you can collect payments directly, or if you need go through in app purchases. Then the wide world of different payment methods, security, PCI compliance, optimized checkout flows, and more awaits you. That isn’t a task list that gets many developers excited With Stripe’s React Native libraries, our goal is to provide a broad set of solutions for any payment scenario an app might have. This doesn’t just mean exposing a method to charge card details though. Today we’ll go through some of the features offered by Stripe React Native, when/why you’d use them, and then go through a quick demo. 1. Payment Elements like CardField, AuBECS Form, and Bank redirects, which you can use to create payment methods for customers, no matter where they are or what payment methods they use 2. Don’t feel like spending weeks of engineering time on a Checkout flow in your app? Stripe provides the PaymentSheet which can now be customized and tailored to your app’s own UI. With PaymentSheet, your checkout flow is already optimized, and you can start accepting new payment methods without even shipping out an app update (that’s right, server-side controls!) 3. We’ve mentioned payment methods a lot. Something that’s easily forgotten, especially by me living in a country where credit cards are so ubiquitous, is that if your business plans on operating on an international or global scale, you need to support the payment methods that your customers are comfortable and familiar with. Luckily, whether you’re using PaymentSheet or your own checkout flow, Stripe React Native supports over 20 payment methods. 4. What would a mobile payment talk even be if I didn’t mention Apple Pay and Google Pay? Of course Stripe React native supports the full suite of APIs from each, which means you’re not giving up anything by working in React Native. In addition to that, you even have access to the more specific use cases like adding cards to a users native mobile wallet! demo of the Payment Sheet with customized appearance - when to use the payment sheet demo of custom UI using CardField - when to use the individual elements and build your own checkout flow demo of adding a card to your native wallet ? - this might be too specific of a use case Last slide on Stripe’s future plans for React Native- releasing first-class support for it with new mobile features: insert new libraries that are currently unreleased but will be available before the talk itself Speaker Bio Charlie is a software engineer at Stripe, where he works on ensuring developers using Stripe have powerful tools at their disposal to get their work done efficiently, and enjoyably! One of his focuses is the Stripe React Native SDK, which allows you to build delightful payment experiences faster and easier than ever. Check out more about React Native EU conference: https://www.react-native.eu/ and follow us on Twitter to stay up to date: https://twitter.com/react_native_eu
Watch
Dev Workflows with "Headless" Content Management: Time to Re-Attach the Head! - E. Vicenti | RNEU'22
While code goes through a build/release workflow, and your app handles user data, there is a middle ground of ""Content Management"". Servers can provide content and configuration to continuously tweak the behavior of your app in the wild. How can we make this process easier and more robust? What happens if we blur the lines between your app's user data, content, and code? With React Native's primitives, can we re-attach the front end of the ""Headless CMS"", and directly render our content on every platform? Speaker Bio Eric is self-taught software engineer who has used React since the year it was released. A former member of the React Native and Open Source teams at Facebook, Eric led the initial development of React Navigation. Now Eric is focusing on Zerve, an Open Source startup. Check out more about React Native EU conference: https://www.react-native.eu/ and follow us on Twitter to stay up to date: https://twitter.com/react_native_eu
Watch