List of videos

Headless Flipper - embeddable mobile devtools for your CI and beyond - A. Goncharov | RNEU 2022
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.
Watch
Localizing React Native apps from start to end - Vojtech Novak | React Native EU 2022
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
Watch
Visual Regression Testing in React Native - Rob Walker | React Native EU 2022
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.
Watch
React Native at Scale: How Microsoft is betting big on React Native to target BILLIONS of users
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
Watch
Can't touch this - Different ways users interact with their mobile devices - Panula | RNEU 2022
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
Watch
Performance issues: the usual suspects - A. Moureaux | React Native EU 2022
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
Watch
The component anatomy, 90° to the left - A. Ngangoue-Nyangwile | React Native EU 2022
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
Watch
How to actually improve the performance of a React Native app? - M. Chudziak | React Native EU 2022
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
Watch
FlashList – make your lists faster now - M. Fořt | React Native EU 2022
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
Watch