React Native EU 2022

LINK TO THE SECOND DAY OF REACT NATIVE EU CONFERENCE 2022: https://youtu.be/uLicTDG5hSs Welcome everyone to the React Native EU 2022 live stream! We’re excited to see you all! Join our official Discord channel: https://discord.gg/72kVy6aP Feel free to say “hi!” and ask questions regarding the talks! Check the conference website: https://hubs.li/H0Wdy9R0 And the full agenda on: https://hubs.li/Q01lbmhY0 Agenda for September 1st: 3:10 PM Nicola Corti: Bringing the New React Native Architecture to the OSS community - Fall Edition 3:40 PM Adam Foxman: Changing React Native... from within! 4:10 PM Jamie Birch: How to access all the Objective-C APIs using JSI 4:50-5:05 PM Break 5:05 PM Marin Godechot: How we made our app 80% faster, a data structure story 5:40 PM Jakub Binda: You can go EVERYWHERE but I can go FAST - holistic case study on performance 6:00 PM Darshita Chaturvedi: Reducing bugs in a React codebase 6:15 PM Josh Justice: Getting Better All the Time: How to Escape Bad Code 6:45-7:00 PM Break 7:00 PM Magdalena Jaśkowska: Showcase of rn-emoji-keyboard library. Enhance your communication with the language of emoji 7:25 PM Batuhan Tozun, Dilara Kırnapcı: React Native MicroApp Architecture 7:40 PM Emily Xiong: How to use React Native with Nx in monorepo 8:00 PM Maxence Harm: Building a full JS deep zoom image viewer Follow us on Twitter: https://twitter.com/react_native_eu Meet Callstack - the team of React and React Native development experts: https://hubs.li/Q01lbmYy0 0:00 Łukasz Chludziński: Opening & Keynote 38:15 Nicola Corti: Bringing the New React Native Architecture to the OSS community - Fall Edition 1:07:25 Adam Foxman: Changing React Native... from within! 1:42:00 Jamie Birch: How to access all the Objective-C APIs using JSI 2:36:20 Marin Godechot: How we made our app 80% faster, a data structure story 3:02:20 Jakub Binda: You can go EVERYWHERE but I can go FAST - holistic case study on performance 3:25:20 Darshita Chaturvedi: Reducing bugs in a React codebase 3:37:55 Josh Justice: Getting Better All the Time: How to Escape Bad Code 4:25:40 Magdalena Jaśkowska: Showcase of rn-emoji-keyboard library. Enhance your communication with the language of emoji 4:46:15 Batuhan Tozun, Dilara Kırnapcı: React Native MicroApp Architecture 5:03:30 Emily Xiong: How to use React Native with Nx in monorepo 5:25:50 Maxence Harm: Building a full JS deep zoom image viewer All the details regarding The React Native Show podcast can be found here: https://hubs.li/Q01lbn530 Callstack is hiring! Check for more info: https://hubs.li/Q01lbnb10 We’re looking for Senior React Native developers to join our team! Read more about the role and apply here: https://hubs.li/Q01lbnhH0 Subscribe to the Callstack newsletter to be always up to date with the latest articles, podcast episodes, job positions, and news that happen at our company: https://hubs.li/Q01lbrsY0 Follow Callstack on Twitter: https://twitter.com/callstackio

LINK TO THE FIRST DAY OF REACT NATIVE EU CONFERENCE 2022: https://youtu.be/7QeINTWLUkc Welcome everyone to the second day of React Native EU Conference 2022! We’re excited to see you all! Join our official Discord channel: https://discord.gg/72kVy6aP Feel free to say “hi!” and ask questions regarding the talks! Check the conference website: https://hubs.li/H0Wdy9R0 And the full agenda on: https://hubs.li/Q01lbmhY0 Agenda for September 2nd: 3:00 PM Charlie Cruzan: Stripe React Native: A simple set of solutions to a complex set of problems 3:20 PM Eric Vicenti: Dev Workflows with "Headless" Content Management: Time to Re-Attach the Head! 3:45 PM Andrey Goncharov: Headless Flipper - embeddable mobile devtools for your CI and beyond 4:20-4:35 PM Break 4:35 PM Vojtech Novak: Localizing React Native apps from start to end 5:05 PM Rob Walker: Visual Regression Testing in React Native 5:30 PM Steven Moyes, Shiven Mian, Slobo Stipic: React Native at Scale: How Microsoft is betting big on React Native to target BILLIONS of users 5:45 PM Eeva-Jonna Panula: Can't touch this - Different ways users interact with their mobile devices 6:15-6:30 PM Break 6:30 PM Alexandre Moureaux: Performance issues: the usual suspects 7:10 PM Michał Chudziak: How to actually improve the performance of a React Native app? 7:35 PM Alain Ngangoue: The component anatomy, 90° to the left 8:05 PM Marek Fořt: FlashList – make your lists faster now Follow us on Twitter: https://twitter.com/react_native_eu Meet Callstack - the team of React and React Native development experts: https://hubs.li/Q01lbmYy0 All the details regarding The React Native Show podcast can be found here: https://hubs.li/Q01lbn530 Callstack is hiring! Check for more info: https://hubs.li/Q01lbnb10 We’re looking for Senior React Native developers to join our team! Read more about the role and apply here: https://hubs.li/Q01lbnhH0 Subscribe to the Callstack newsletter to be always up to date with the latest articles, podcast episodes, job positions, and news that happen at our company: https://hubs.li/Q01lbrsY0 Follow Callstack on Twitter: https://twitter.com/callstackio 0:00 Intro 29:00 Łukasz Chludziński: Opening 30:00 Charlie Cruzan: Stripe React Native: A simple set of solutions to a complex set of problems 49:43 Eric Vicenti: Dev Workflows with "Headless" Content Management: Time to Re-Attach the Head! 1:16:09 Andrey Goncharov: Headless Flipper - embeddable mobile devtools for your CI and beyond 2:05:12 Vojtech Novak: Localizing React Native apps from start to end 2:36:12 Rob Walker: Visual Regression Testing in React Native 2:55:38 Steven Moyes, Shiven Mian, Slobo Stipic: React Native at Scale: How Microsoft is betting big on React Native to target BILLIONS of users 3:08:32 Eeva-Jonna Panula: Can't touch this - Different ways users interact with their mobile devices 3:52:56 Alexandre Moureaux: Performance issues: the usual suspects 4:32:42 Michał Chudziak: How to actually improve the performance of a React Native app? 5:02:38 Alain Ngangoue: The component anatomy, 90° to the left 5:38:39 Marek Fořt: FlashList – make your lists faster now

Join Abi at the React Native EU 2022 conference and get a chance to meet and learn from the React Native trendsetters, superstars by listening to their talks! Book your free spot in the link below: https://www.react-native.eu/?utm_campaign=React_Native_EU&utm_source=youtube&utm_medium=social&utm_content=abi_reel_registration

Become a sponsor at the largest React Native focused & Community driven Conference and reach an audience of 2 000 000 people worldwide! Promote your brand among top React & React Native experts! By sponsoring React Native EU you will: ➥ increase brand recognition ➥ expand your professional network ➥ build a talent pool of top devs Check our packages for more details: https://www.react-native.eu/sponsorship-opportunities React Native EU Conference 2022 | SEPT 1–2, 2022 ONLINE twitter: https://twitter.com/callstackio linkedin: https://www.linkedin.com/company/callstack instagram: https://www.instagram.com/callstackteam/ facebook: https://www.facebook.com/callstack.dev tiktok: https://www.tiktok.com/@callstack

At the end of 2021, we successfully rolled out the New React Native Architecture in the Facebook app. Now, it’s time to empower every React Native developer on the globe to use the New React Native Architecture, both the new Fabric renderer and the new TurboModule system. But migrating an entire ecosystem to a New Architecture is no easy task. To support the whole community in this endeavor, we lined up a set of tools and materials that will help both app and library developers to join us in this journey. In the talk, we will present how the New React Native Architecture looks in the OSS space. We will discuss the impact this will have on developing React Native projects. Lastly, we will cover what we learned from the React Native New Architecture migration at Meta, and how you can tackle your migration in your organization. Speaker Bio Nicola Corti is a Google Developer Expert for Kotlin. He has been working with the language since before version 1.0, and he is the maintainer of several open-source libraries and tools for mobile developers. He's currently working in the React Native Core team at Meta, building one of the most popular cross-platform mobile framework. Furthermore, he is an active member of the developer community. His involvement goes from speaking at international conferences to being a member of CFP committees and supporting developer communities across Europe. In his free time, he also loves baking, podcasting, and running. 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

React Native has been used across Microsoft a lot, over the last few years. Only recently, though, we have realized how its developer experience and its community are in a precarious situation. We decided, then, to approach the problem in the most impactful way possible: by going straight to the source! Join us in this talk to hear what we are doing to make life better for everyone in the community, from open sourcing new tools, to creating new cross-company groups and even in collaborating directly with Meta in the core codebase (and not just there!). As a smart person once said: “a rising tide lifts all boats” - and we, we want to be the moon! Speaker Bio Adam is a principal software engineer at Microsoft. He spent his first 20 years building C++ apps and products, and in 2018, he made the leap to JavaScript and React Native and hasn't looked back. Adam is a developer experience enthusiast, a tool builder, and a creative storyteller. When Adam's not working, he's adventuring with his family, making something out of wood or Lego, working on his house, or tinkering with some new piece of tech. 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

The JavaScript Interface (JSI) allows us to access native APIs directly from the JS context. Unlike traditional JSON bridge-based native modules, API access is synchronous and even non-serialisable data types can be expressed. However, JSI is largely undocumented, so it may be unclear how to use it. In this talk, we'll learn how to write JSI code to bridge any individual API from the Objective-C runtime to JS and demonstrate how we could even bridge *all* the APIs the Objective-C runtime offers, by walking through the approach used in the shirakaba/react-native-native-runtime GitHub repository. Speaker Bio A cross-platform hobbyist and ex-Smart TV app developer, Jamie enjoys putting JavaScript in places it doesn't belong, usually with a view to building apps for foreign language study. 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

After reading dozens of "React Native Performance Tips" blog posts and trying many performance tweaks, our app was still slow... until we found a fix that made our app 80% faster. In this talk you will hear about the steps we went through on our never-ending journey for performance, what worked and what didn’t, and how ultimately a simple data structure fix solved most of our performance issues. Speaker Bio Marin is a software engineer at Birdie where he built frontend, backend, and mobile products. Experienced in React and React Native, he is now focusing on improving the performance, stability, and developer experience of Birdie's React Native mobile app. 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

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

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

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

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

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

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.

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

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

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

Flipper is a platform for debugging mobile and web apps. Half a year ago, we decided to split the electron monolith in two parts: a standalone server and a UI. In this talk, we'll cover why you need headless Flipper, what opportunities it unlocks for you. We’ll go over how Flipper can now be easily used for remote debugging, embedding, CI integration, and etc. We’ll overview how Flipper architecture transformed to support the migration, what Flipper is now, and how we plan to use it at Meta. Speaker Bio Hi there 👋 My name is Andrey G. I am a software engineer from London, UK. Primarily, I am a full-stack web developer (think React, Angular, Node.js), but I also have a keen interest in low-level stuff (hello, C) and finance (love-hate relationship with Pandas). Career: Full-stack (web, blockchain, and even a bit of embedded) at software consultancies - Headed front-end development at Hazelcast - Front-end at Bricks (next-gen spreadsheet web app) - Full-time maintainer of Flipper at Meta (ex-Facebook). I write about tech in my small blog. Occasionally, I speak at conferences. I am currently pursuing a Master's in Computer Science (OMSCS) from Georgia Tech. I love math, physics, rational thinking, and figuring out how things work. In my spare time, I enjoy hiking, snowboarding, boxing, and weight lifting.

Localization (l10n), is the process of adapting applications and text to enable their usability in a particular market. From a dev standpoint, what immediately comes to mind is translating strings instead of hardcoding them - but there's much more to the topic. In the talk, I want to cover the following: - Different approaches to managing translation strings, and different libraries / tools which do that with React. - What mistakes can happen during localization and how to prevent them. - Through which services can I get my app translated, and explain a little about how translators themselves work. - What should I (not) do to help translators deliver quality translations. - At which points in the development process we can localize (coding, or perhaps already in design phase?). After the talk, I want the audience to have and understanding what tools are available to them, how to approach SW localization and how to (not) do it. Speaker Bio Vojtech has been coding React Native stuff for the past few years. He enjoys contributing to open source projects along the way and maintains a few as well. He's passionate about clean code, automated testing and good developer experience. 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

Visual regression testing catches bugs and UI regressions more effectively than manual testing, but historically, it has been difficult to set up. We are going to see how we can use react-native-owl to simplify the set-up and testing of an app's core UI and flows. Speaker Bio Outdoor Adventurist turned software engineer, Rob's list of projects includes apps for rock climbers, safety managers and warehouse associates and more.

React Native at Scale: How Microsoft is betting big on React Native to target BILLIONS of users - Steven Moyes, Shiven Mian, Slobo Stipic | React Native EU 2022 You probably know by now that React Native isn't just for mobile anymore. Thanks to the collaboration between Microsoft and Meta, you can use React Native to target Windows, macOS and mobile. But did you know that Microsoft is using React Native to power parts of Windows, with over 1 billion users? Or that key Microsoft businesses like Office and Xbox use React Native to get native performance and code sharing across platforms? Join us to learn how, where, and why Microsoft is using and improving React Native for all developers -- including you! Speakers Bios Steven Moyes - Sr Product Manager working on React Native for Desktop. Ask me about building x-platform apps using JS/TS, and how you can supercharge your app for Windows using the Windows App SDK! Slobo Stipic - I am a developer at heart and a software craftsman. Passionate about user experience and front-end technologies such as React Native. Shiven Mian - Shiven is a Software Engineer at Microsoft in the Office division, where he helps drive React Native efforts across Office mobile applications, currently focusing on architecture and performance. Outside of work, he's an avid quizzer, football fan and concert hopper. 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

Did you know that not everyone uses touch when using their mobile devices? Some use a tool called a screen reader, others use voice interfaces, and some use keyboards or keyboard emulating devices. In this talk, we'll look deeper into these methods and what they mean for you when you're developing with React Native. After this talk, you'll walk away with practical knowledge on how to make apps more accessible to a broader group of users. Speaker Bio Eeva-Jonna, or Eevis, is an accessibility specialist and senior software developer. She is also IAAP Certified Professional in Web Accessibility. Her passion is to share knowledge in those areas, and she speaks and writes a blog. When she is not doing that, she explores the beautiful Finnish nature either by foot or kayak. 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

Whenever I audit RN apps performance, there are several issues that come up quite often. So I created a dummy app with all of them! Through live-coding, let’s fix those issues together, leveraging the power of tools such as React DevTools, Android Studio tracing and the Hermes profiler. Speaker Bio Hi, I'm a tech lead at BAM where I've been developing React Native apps for 6 years. My obsession is mobile apps performance 🚀. I truly believe it's our responsibility to develop performant apps, as one way to fight against climate change! 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

Is it possible to discuss the code complexity without having to write any code ? Can I visualize the coupling and the cohesion of my code unit thanks to a simple drawing ? Which support could allow developers to challenge their architecture ? Is it possible to have a simplified diagram (UML equivalent) of any components ? This is the kind of questions the Component Anatomy tries to answer. By making parallels with the construction area, the component anatomy is a descriptive method that attempts to make the code “visualizable” by introducing 2 concepts: **Structure** and **Data flows** along with one principle: looking for the closed circuits. 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

Have you ever searched the internet for tips for improving React Native performance? Did you find many materials including various optimization techniques but you weren’t sure where to apply them? Did you manage to solve some issues, but they came back after some time? The user's interaction with the application is a process. A process that could be optimized like any other. UI/UX experts are working hard on doing it from a layout perspective, but we can also improve it from a purely technical side. During this talk, I'll walk you through the robust methodology of performance optimization of any application and show you how to apply it in React Native. Speaker Bio Michał is an experienced technical consultant and software development freak. He loves React Native, and he's been buliding builds its ecosystem since early 2016. Former Head of Delivery at Callstack, now he helps other companies ship amazing products and build high-performing teams. 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

Shopify has recently open-sourced FlashList, a new drop-in replacement for FlatList. FlashList offers much better performance, so your lists can be buttery-smooth with no more blank cells. In this talk, you’ll learn more about how we built FlashList, why it’s so fast, and how you can use it to make your lists lightning fast today. Speaker Bio Marek Fořt is a software engineer at Shopify in the React Native Foundations team, focusing on React Native development both inside and outside of Shopify. 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

Let's get back to the last edition of our conference - React Native EU 2022! Check our post-conference video to feel the #RNEUvibe. Join us in 2023! Follow React Native EU channels to stay up to date. All the details regarding The React Native Show podcast can be found here: https://hubs.li/Q01lbn530 Callstack is hiring! Check for more info: https://hubs.li/Q01lbnb10 We’re looking for Senior React Native developers to join our team! Read more about the role and apply here: https://hubs.li/Q01lbnhH0 Subscribe to the Callstack newsletter to be always up to date with the latest articles, podcast episodes, job positions, and news that happen at our company: https://hubs.li/Q01lbrsY0 Follow Callstack on Twitter: https://twitter.com/callstackio