Podcasts about react navigation

  • 10PODCASTS
  • 20EPISODES
  • 47mAVG DURATION
  • ?INFREQUENT EPISODES
  • Aug 16, 2024LATEST

POPULARITY

20172018201920202021202220232024


Best podcasts about react navigation

Latest podcast episodes about react navigation

React Native Radio
RNR 304 - React Navigation V7 with Satyajit Saho

React Native Radio

Play Episode Listen Later Aug 16, 2024 32:35


On this episode, Jamon chats with Satyajit Sahoo about React Navigation version seven's latest updates. They dive into the return of the static API, smoother deep linking, and better TypeScript support. Satyajit also shares what's coming next and how these changes make life easier for developers.This episode is brought to you by Infinite Red! Infinite Red is an expert React Native consultancy located in the USA. With nearly a decade of React Native experience and deep roots in the React Native community (hosts of Chain React and the React Native Newsletter, core React Native contributors, creators of Ignite and Reactotron, and much, much more), Infinite Red is the best choice for helping you build and deploy your next React Native app.Connect With Us!React Native Radio: @ReactNativeRdioSatyajit: @satya164Jamon: @jamonholmgrenInfinite Red Slack Community: https://community.infinite.red

Rocket Ship
#028 - Expo Router & Universal React Native Apps with Evan Bacon

Rocket Ship

Play Episode Listen Later Feb 6, 2024 74:25


In this episode, Simon interviews Evan Bacon, the creator of Expo Router. They explore the features and benefits of Expo Router, including file-based routing, deep linking, and automatic TypeScript. Evan shares the roadmap for Expo Router version 4, which aims to unify the server-client connection and introduce server components. They also touch on the future of Expo Web and its separation from the core native platform.Learn React Native - https://galaxies.devEvan BaconTwitter: https://twitter.com/BaconbrixGithub: https://github.com/evanbaconBlog: https://evanbacon.dev/Blog Code: https://github.com/EvanBacon/evanbacon.devTakeaways- Expo Router is a file-based router for native applications that enables universal code sharing and simplifies complex navigation routing.- Expo Router provides features like deep linking, automatic TypeScript, and API routes, which allow for secure server-client communication.- Expo Router version 4 aims to tie together the server-client connection and introduce server components, enabling more flexible and efficient app development.- Expo Web will be separated from the core native platform, allowing developers to choose between Expo Router and React Navigation based on their specific needs.- The future of Expo Router and Expo Web promises exciting advancements in universal app development and improved developer experience. - Expo V4 is expected to be released around May, with a focus on unblocking important features.- Evan Bacon's blog, built with Expo, showcases the capabilities of Expo Router and other Expo features.- Expo and Next.js have different scopes and priorities, but Expo aims to be a universal React framework.- Expo's goal is to unlock new types of mobile experiences and provide a seamless transition between web and native.

The React Native Show Podcast
[SPECIAL EPISODE] The React Native Show Podcast - Episode 10: React Native EU 2021 Q&A Panel

The React Native Show Podcast

Play Episode Listen Later Nov 25, 2021 68:05


The 10th episode of The React Native Show Podcast is fully dedicated to the questions that were asked during the React Native EU 2021 conference. We gathered four great React Native experts in one room to answer these questions (in Callstack's headquarters to be exact) and just let them go with the flow. During the Q&A panel, our panelists: Łukasz Chludziński (https://twitter.com/loginlukasza)as the host, Wojciech Kwiatek (https://twitter.com/WojciechKwiatek) - CTO at Channels, JavaScript developer, mentor, and trainer. Mike Grabowski (https://twitter.com/grabbou) - CTO & Co-founder at Callstack. Satya Sahoo (https://twitter.com/satya164) - React and React Native developer at Callstack and one of the engineers that work on React Navigation library. Paweł Trysła aka. Zamotany (https://twitter.com/_zamotany) - Software engineer at Callstack and the lead engineer at Re.Pack Open Source library (formerly Haul). answer a number of questions related to the conference revealing their favorite talks, the present and future of React Native, Open Source libraries, and many more! Don't forget to push the Subscribe button and share this video on your social media. More episodes are coming soon! #ReactNative #news #trendingtopics #ReactJS #Programming #Developer #JavaScript Want to read more about the topics covered? Check this out: Implementing Code Splitting in React Native with Re.Pack https://hubs.li/H0_Qtjb0 Why Use React Native for Windows? https://hubs.li/H0_Qtjm0 More episodes of The React Native Show: https://hubs.li/H0_Qtjt0 Need help with your React Native project? Give us a shout! https://hubs.li/H0_Qtml0 Check what we can do for you: https://hubs.li/H0_QtnK0 Callstack is looking for React Native developers! https://hubs.li/H0_QtpV0

DevSpresso Podcast
JS News 51

DevSpresso Podcast

Play Episode Listen Later Aug 24, 2021 34:41


Wtorkenson: - NextJS 11.1 - React Native 0.65 - Konfa React Native EU - React Navigation v6 - V8 9.3 - Deno 1.13 - Github [dot] dev - Mozilla i test user agenta nr 100 ### Prowadzący Piotr i Łukasz ### Discord!! https://bit.ly/devspresso-discord ### Słuchaj jak Ci wygodnie Youtube https://youtu.be/5Qok4OJlge8 Spotify http://bit.ly/devspresso_spotify Google Podcast http://bit.ly/devspresso_google_podcast iTunes http://bit.ly/devspresso_itunes SoundCloud https://soundcloud.com/devspresso/js-news-51 Amazon Podcast: http://bit.ly/devspresso_amazon_podcast ### Źródła NextJS 11.1 https://soundcloud.com/devspresso/js-news-50 ||| React Native 0.65 https://reactnative.dev/blog/2021/08/17/version-065 ||| Konferencja React Native EU react-native.eu ||| React Navigation v6 https://reactnavigation.org/blog/2020/05/16/web-support ||| V8 9.3 https://v8.dev/blog/v8-release-93 ||| Deno 1.13 https://deno.com/blog/v1.13 ||| Github [dot] dev https://github.com/features/codespaces ||| Mozilla tests if 'Firefox/100.0' user agent breaks websites https://www.bleepingcomputer.com/news/software/mozilla-tests-if-firefox-1000-user-agent-breaks-websites/ |||

The React Native Show Podcast
The React Native Show Podcast - Episode 4: "Expert Guide To React Navigation"

The React Native Show Podcast

Play Episode Listen Later Apr 2, 2021 47:00


In this episode of The React Native Show podcast our host, Mike Grabowski, and his guests: Satya Sahoo and Mateusz Kosoń, software engineers at Callstack, are talking about the React Navigation library. During the conversation, they cover a wide range of topics related to the React Navigation library, including: - What is React Navigation library and what's its biggest selling point? - What was the idea behind creating the React Navigation library? - How did it happen that React Navigation became a “recommended” library in the community? - What's coming up with the React Navigation v5? - What issues does React Navigation v5 solve? - What do our guests appreciate most about React Navigation v5? Also, our guests gave us some sneak peaks at what's coming up with the upcoming React Navigation v6.0! Sit back, relax and enjoy The React Native Show! Don't forget to push the Subscribe button and share this video on your social media. More episodes are coming soon! Video version: https://www.youtube.com/watch?v=S2uZe6AkZOM&t=1s

guide video react native callstack react navigation
React Native Nerds
E008 - Deep Linking - the how and why

React Native Nerds

Play Episode Listen Later Jul 9, 2020 20:19


This week Spencer and Jon talk about Apple's return to physicality in design and then dive into deep linking into your mobile applications.  They cover the two different types of deep linking (URL Schemes and Universal) and dream up interesting (and probably stupid) ways to utilize them.0:15 - Weekly catchup1:11 - News - Neumorphic design6:45 - Deep Linking19:30 - OutroLinksNeumorphismhttps://www.inputmag.com/design/apple-macos-big-sur-the-rise-of-neumorphismDeep Linking Video Coursehttps://www.reactnativeschool.com/deep-linking/React Navigation v5 Docshttps://reactnavigation.org/docs/deep-linking/Deep Linking in React Native with Universal Links and URL Schemeshttps://medium.com/@rossbulat/deep-linking-in-react-native-with-universal-links-and-url-schemes-7bc116e8ea8b React Native School Become an Expert React Native Developer One Lesson at a Timehttps://www.reactnativeschool.com/Fastlane Cheat CodesLearn how easy it is to automate your iOS and Android builds and other mundane mobile development taskshttps://fastlanecheatcodes.com/

apple deep android universal ios linking react native universal links react navigation url schemes
React Native Nerds
E001: React Navigation v5

React Native Nerds

Play Episode Listen Later Jun 3, 2020 31:08


What's new in React Navigation v5 and why you definitely should upgrade.Links:https://reactnavigation.org/blog/2020/02/06/react-navigation-5.0https://reactnavigation.org/docs/upgrading-from-4.x/ 

react navigation
Devchat.tv Master Feed
RNR 148: What's in My Stack?

Devchat.tv Master Feed

Play Episode Listen Later Dec 31, 2019 63:08


In this episode of React Native Radio the panel overviews the libraries and tools they choose for their stack and explain why they choose them. Christopher Reyes starts by discussing his favorite notes app, Bear Notes. He shares the features from the app that makes him love it so much. The panel also discusses Notion as a good resource for organizing teams.    Next, Chris outlines the stack he would recommend for someone new to development and React Native.  He recommends React Native CLI, React Native Navigation, Native Base, and Async Storage. Chris explains why he recommends these tools.    The panel also discusses the importance of going back to your source to make sure you are using the most up to date product. The panel considers what version five of React Navigation with the component-based API will change in their everyday work. They all express their excitement to try it.    Jamon Holmgren is the next panelist to outline his stack. He builds with Ignite and uses the stack that it provides. Jamon explains how Ignite works and what it has in its stack. He likes React Navigation, MobX and, React Native Screens. Jamon goes over the pros and cons of a Native navigation stack compared to a JavaScript one. He also explains why he prefers MobX and goes over the differences over their various tools. He also discusses the boilerplates built by Infinite Red and what to expect in their upcoming boilerplates.    Next, Charles Max Wood shares his troubles with his current DevchatTV app and the panel tries to help. Josh Justice is the last to overview his stack, he discusses one of his hobby apps, building a todo app. He is using Orbitjs, ESLint, Prettier, React Native Elements, and React Native Paper. Josh emphasizes the need to test even in hobby projects, for that he uses Dependabot, React Native testing library, and Detox.  Panelists Josh Justice Charles Max Wood Christopher Reyes Jamon Holmgren Sponsors Infinite Red G2i CacheFly Links Bear Notes  Notion  NativeBase  AsyncStorage  React Native CLI  React Navigation  React Navigation v5 preview  Ignite React Native screens  MobX State Tree  React Native EU 2019: Jamon Holmgren  MobX  Jamon Holmgren - Build an iOS and Android app in 15 minutes using React Native  Orbit JS  nativeup  Dependabot  Material UI guidelines  iOS Human Interface Guidelines  Appium  https://www.facebook.com/ReactNativeRadio/ https://twitter.com/R_N_Radio Picks Charles Max Wood: The MaxCoders Guide To Finding Your Dream Developer Job Buy DevchatTV a coffee Josh Justice: Editor Snippets Christopher Reyes: MacBook Pro Web Developer Setup — From clean slate to dev machine  Jamon Holmgren: Software Libraries Are Terrifying 

React Native Radio
RNR 148: What's in My Stack?

React Native Radio

Play Episode Listen Later Dec 31, 2019 63:08


In this episode of React Native Radio the panel overviews the libraries and tools they choose for their stack and explain why they choose them. Christopher Reyes starts by discussing his favorite notes app, Bear Notes. He shares the features from the app that makes him love it so much. The panel also discusses Notion as a good resource for organizing teams.    Next, Chris outlines the stack he would recommend for someone new to development and React Native.  He recommends React Native CLI, React Native Navigation, Native Base, and Async Storage. Chris explains why he recommends these tools.    The panel also discusses the importance of going back to your source to make sure you are using the most up to date product. The panel considers what version five of React Navigation with the component-based API will change in their everyday work. They all express their excitement to try it.    Jamon Holmgren is the next panelist to outline his stack. He builds with Ignite and uses the stack that it provides. Jamon explains how Ignite works and what it has in its stack. He likes React Navigation, MobX and, React Native Screens. Jamon goes over the pros and cons of a Native navigation stack compared to a JavaScript one. He also explains why he prefers MobX and goes over the differences over their various tools. He also discusses the boilerplates built by Infinite Red and what to expect in their upcoming boilerplates.    Next, Charles Max Wood shares his troubles with his current DevchatTV app and the panel tries to help. Josh Justice is the last to overview his stack, he discusses one of his hobby apps, building a todo app. He is using Orbitjs, ESLint, Prettier, React Native Elements, and React Native Paper. Josh emphasizes the need to test even in hobby projects, for that he uses Dependabot, React Native testing library, and Detox.  Panelists Josh Justice Charles Max Wood Christopher Reyes Jamon Holmgren Sponsors Infinite Red G2i CacheFly Links Bear Notes  Notion  NativeBase  AsyncStorage  React Native CLI  React Navigation  React Navigation v5 preview  Ignite React Native screens  MobX State Tree  React Native EU 2019: Jamon Holmgren  MobX  Jamon Holmgren - Build an iOS and Android app in 15 minutes using React Native  Orbit JS  nativeup  Dependabot  Material UI guidelines  iOS Human Interface Guidelines  Appium  https://www.facebook.com/ReactNativeRadio/ https://twitter.com/R_N_Radio Picks Charles Max Wood: The MaxCoders Guide To Finding Your Dream Developer Job Buy DevchatTV a coffee Josh Justice: Editor Snippets Christopher Reyes: MacBook Pro Web Developer Setup — From clean slate to dev machine  Jamon Holmgren: Software Libraries Are Terrifying 

Devchat.tv Master Feed
RNR 140: Best Practices with Zain Sajjad

Devchat.tv Master Feed

Play Episode Listen Later Oct 22, 2019 45:11


In this episode of React Native Radio Josh Justice interviews Zain Sajjad. Zain leads the team of frontend developers at Peekaboo Guru. They use React on their web interfaces and React Native on their mobile interfaces. Zain and Josh discuss some of the work Zain is doing and overviews his recent blog post outlining best practices for React developers.    Zain explains how smooth the transition was to React Native coming from React. They had a good knowledge of how React worked from their web applications which made learning React Native easy. Zain shares why they chose React Native, they wanted a quality frontend and a lot of code reusability across platforms. Josh and Zain consider some of the other benefits of using React and React Native, including maintaining the same mental model and libraries.    Zain discusses their recent update and the Hermes engine. He explains how it makes apps more performant and with better execution. Josh and Zain discuss how they measure performance. Zain shares the tools they use at Peekaboo Guru and their goals in making the whole app more performant not just one aspect of the app.    Navigation is the next topic they discuss. Zain explains how his team tried both React Native Navigation and React Navigation. He compares the tool, explaining why he would choose React Navigation for most applications. Zain shares the improvements that have been made to React Navigation in the past couple of years.    They are currently using React Native Navigation which was better for their application at the time in order to maintain performance on low-end android phones. Zain explains how low-end android phones can affect performance and how they test for low-end phones.   Josh and Zain move on to discuss Zain’s blog article outlining best practices for react developers. Josh considers how difficult it must have been to pinpoint best practices for React, with its unique approach to programming. Zain explains that these best practices are best for those unfamiliar with React but can benefit everyone. Josh shares some of his own advice for developers new to React. Mainly, don’t be discouraged by the lack of structure, learn patterns that work from more experienced developers and don’t be afraid to experiment.     The first practice explained in the blog article is Container and Presentation components. Zain explains that this is one key factor in keeping applications simple and scalable. It stems from cognitive condense, by separating and containing things, developers can focus on one thing at a time. Zain explains the best way to do this. He and Josh consider the benefits of using this in React and React Native.   Next, Zain explains some React Architecture best practices. He tells Josh its all about having good constraints available and being flexible as you build. Josh considers how this changes the way he builds his applications, being more fluid with his files based on the needs of the application.     Another best practice discussed is called React Wrapper Component Minimized. While working with large scale React apps developers tend to use a lot of third-party libraries. The best practice Zain describes is to wrap the library in a component, this allows you to use the library but also to switch it out more easily in the future if you find a better library. You don’t have to do this with every library just the ones that are used everywhere in your app so you can easily switch it out. Josh explains the power of this practice.    Uniformity Across React Components, this best practice makes components easier to read and adapt. Zain explains how implementing this best practice in his team saved the a lot of time. He and Josh consider how consistency could benefit a team of any size.    Zain and Josh finish up by touching on the last few best practices. Testing React components, how linting your code can help you avoid problems that may occur once your code is executed. Portability of code and keeping it usable for other platforms. Making React testing less annoying and deploying React Apps using CI/CD tools, for which Zain and Josh share resources. Panelists Josh Justice Guest Zain Sajjad Sponsors Infinite Red Adventures in Angular Adventures in Blockchain CacheFly Links RRU 080: Navigating React Navigation with Zain Sajjad React Best Practices: Maintaining Large Scale Projects  Comparing Mobile Machine Learning Frameworks  https://peekaboo.guru/  Hermes  Prepack  Plop JS Firebase Performance  React Native Navigation  React Navigation  React Navigation 5.0  Building resilient frontend architecture - Monica Lent  The Universal Architecture  React Native Testing Library  Detox E2E testing  CircleCI  https://twitter.com/zsajjad93 https://www.facebook.com/ReactNativeRadio/ https://twitter.com/R_N_Radio Picks Josh Justice: Thank you Meetup Organizers! Poké Bar

React Native Radio
RNR 140: Best Practices with Zain Sajjad

React Native Radio

Play Episode Listen Later Oct 22, 2019 45:11


In this episode of React Native Radio Josh Justice interviews Zain Sajjad. Zain leads the team of frontend developers at Peekaboo Guru. They use React on their web interfaces and React Native on their mobile interfaces. Zain and Josh discuss some of the work Zain is doing and overviews his recent blog post outlining best practices for React developers.    Zain explains how smooth the transition was to React Native coming from React. They had a good knowledge of how React worked from their web applications which made learning React Native easy. Zain shares why they chose React Native, they wanted a quality frontend and a lot of code reusability across platforms. Josh and Zain consider some of the other benefits of using React and React Native, including maintaining the same mental model and libraries.    Zain discusses their recent update and the Hermes engine. He explains how it makes apps more performant and with better execution. Josh and Zain discuss how they measure performance. Zain shares the tools they use at Peekaboo Guru and their goals in making the whole app more performant not just one aspect of the app.    Navigation is the next topic they discuss. Zain explains how his team tried both React Native Navigation and React Navigation. He compares the tool, explaining why he would choose React Navigation for most applications. Zain shares the improvements that have been made to React Navigation in the past couple of years.    They are currently using React Native Navigation which was better for their application at the time in order to maintain performance on low-end android phones. Zain explains how low-end android phones can affect performance and how they test for low-end phones.   Josh and Zain move on to discuss Zain’s blog article outlining best practices for react developers. Josh considers how difficult it must have been to pinpoint best practices for React, with its unique approach to programming. Zain explains that these best practices are best for those unfamiliar with React but can benefit everyone. Josh shares some of his own advice for developers new to React. Mainly, don’t be discouraged by the lack of structure, learn patterns that work from more experienced developers and don’t be afraid to experiment.     The first practice explained in the blog article is Container and Presentation components. Zain explains that this is one key factor in keeping applications simple and scalable. It stems from cognitive condense, by separating and containing things, developers can focus on one thing at a time. Zain explains the best way to do this. He and Josh consider the benefits of using this in React and React Native.   Next, Zain explains some React Architecture best practices. He tells Josh its all about having good constraints available and being flexible as you build. Josh considers how this changes the way he builds his applications, being more fluid with his files based on the needs of the application.     Another best practice discussed is called React Wrapper Component Minimized. While working with large scale React apps developers tend to use a lot of third-party libraries. The best practice Zain describes is to wrap the library in a component, this allows you to use the library but also to switch it out more easily in the future if you find a better library. You don’t have to do this with every library just the ones that are used everywhere in your app so you can easily switch it out. Josh explains the power of this practice.    Uniformity Across React Components, this best practice makes components easier to read and adapt. Zain explains how implementing this best practice in his team saved the a lot of time. He and Josh consider how consistency could benefit a team of any size.    Zain and Josh finish up by touching on the last few best practices. Testing React components, how linting your code can help you avoid problems that may occur once your code is executed. Portability of code and keeping it usable for other platforms. Making React testing less annoying and deploying React Apps using CI/CD tools, for which Zain and Josh share resources. Panelists Josh Justice Guest Zain Sajjad Sponsors Infinite Red Adventures in Angular Adventures in Blockchain CacheFly Links RRU 080: Navigating React Navigation with Zain Sajjad React Best Practices: Maintaining Large Scale Projects  Comparing Mobile Machine Learning Frameworks  https://peekaboo.guru/  Hermes  Prepack  Plop JS Firebase Performance  React Native Navigation  React Navigation  React Navigation 5.0  Building resilient frontend architecture - Monica Lent  The Universal Architecture  React Native Testing Library  Detox E2E testing  CircleCI  https://twitter.com/zsajjad93 https://www.facebook.com/ReactNativeRadio/ https://twitter.com/R_N_Radio Picks Josh Justice: Thank you Meetup Organizers! Poké Bar

React Native Radio
RNR 137: Brownfield Applications with Michal Chudziak

React Native Radio

Play Episode Listen Later Oct 1, 2019 40:54


In this week’s episode of React Native Radion the panel interviews Michal Chudzial about React Native Brownfield, his brownfield library. Michal is lead engineer at Callstack. He works with brownfield apps, integrating React Native into Native apps.    The panel asks Michal about integrating with Native apps for both iOS and Android. Michal talks through an example fo how to add a tab in a new screen using React Native in a Native app. He explains how easy it is to use React Native Brownfield, walking listeners through the steps of integrating React Native into their apps.   Michal explains what you get with this library and how it is customizable for each app. The panel wonders how it handles running React Native in multiple places within a Native app. Michal explains how his library helps with that and answers the panel's concerns about how this affects performance. Performance may be affected if the app is really heavy but otherwise performance should be unaffected by running React Native in multiple places inside an app.    Josh Justice shares what about the React Native Brownfield excites him, especially the opportunity it provides to handle abstractions. This will make the app performant by default while addressing the 80% use case. The panel discusses how the React Native Brownfield helps to bridge the gap between React Native and Native, web and mobile development.   The panel asks Michal about the inner workings of Callstack, wondering about what developers are working with. Michal explains that most projects require JavaScript or Native. New developers to Callstack start by covering React Native and the tools used there. After that, they teach them the platform they would prefer, Android or iOS. While they have a few that work with both platforms most developers work with React Native and one platform. Considering this, the panel is quite impressed with the level of training and care Callstack gives to its employees.    Moving back to brownfield apps, the panel asks Michal when should people consider integrating and using React Native Brownfield. Michal explains that if you have a mixed team with both web and mobile developers or two separate apps for Android and iOS then it is a good idea to try a brownfield app. He tells the panel that even though it is a time investment, it is worth trying because of the possible benefits. Those benefits are that you end up with a good product, a unified code vase, and skilled developers.   The best approach to navigation in a brownfield application is the next thing the panel considers. Michal shares his first experience with navigation in a brownfield app using React Native Navigation. He explains why he chooses React Navigation and how it works with React Native Brownfield.   Michal explains the benefits of gradual integration. With a gradual approach, AB testing can be done, allowing time to do what is right for the application. The panel considers integrating both ways Native to React Native as well as React Native to Native. Michal shares his experience doing it both ways and explains that Native to React Native can be tricky but is doable with the right application.    The panel considers when it would be better to do a complete rewrite of an application instead of writing a brownfield application. Michal and Josh share experiences when they had to recommend a complete rewrite. The panel briefly discusses testing in a brownfield application.    Michal shares features he is hoping to add to React Native Brownfield, build scripts that will help make it a better developer experience. He is also hoping to create a react native brownfield navigator with React Navigation.    The panel asks Michal about maintaining React Native Brownfield. Michal explains that he works on it when he can. He is hoping to pass it off to a few interested people and then help when he can. He invites listeners who would like to contribute to contact him.  Panelists Josh Justice Charles Max Wood Guest Michal Chudziak Sponsors Sustain Our Software Adventures in Blockchain G2i CacheFly Links The iPhreaks Show RNR 130: Performance that Matters with Ram N Chain React 2019 - Ram Narasimhan - Performance in React Native https://callstack.com/ https://github.com/callstack/react-native-brownfield  React Native Navigation  WeAreVoice case study  https://twitter.com/michalchudziak  https://www.facebook.com/ReactNativeRadio/ https://twitter.com/R_N_Radio Picks Josh Justice: Jimmy Johns  The Nature of Software Development  Charles Max Wood: Nikon D5600 DSLR SM58S by Shure Michal Chudziak: https://overmindjs.org

Devchat.tv Master Feed
RNR 137: Brownfield Applications with Michal Chudziak

Devchat.tv Master Feed

Play Episode Listen Later Oct 1, 2019 40:54


In this week’s episode of React Native Radion the panel interviews Michal Chudzial about React Native Brownfield, his brownfield library. Michal is lead engineer at Callstack. He works with brownfield apps, integrating React Native into Native apps.    The panel asks Michal about integrating with Native apps for both iOS and Android. Michal talks through an example fo how to add a tab in a new screen using React Native in a Native app. He explains how easy it is to use React Native Brownfield, walking listeners through the steps of integrating React Native into their apps.   Michal explains what you get with this library and how it is customizable for each app. The panel wonders how it handles running React Native in multiple places within a Native app. Michal explains how his library helps with that and answers the panel's concerns about how this affects performance. Performance may be affected if the app is really heavy but otherwise performance should be unaffected by running React Native in multiple places inside an app.    Josh Justice shares what about the React Native Brownfield excites him, especially the opportunity it provides to handle abstractions. This will make the app performant by default while addressing the 80% use case. The panel discusses how the React Native Brownfield helps to bridge the gap between React Native and Native, web and mobile development.   The panel asks Michal about the inner workings of Callstack, wondering about what developers are working with. Michal explains that most projects require JavaScript or Native. New developers to Callstack start by covering React Native and the tools used there. After that, they teach them the platform they would prefer, Android or iOS. While they have a few that work with both platforms most developers work with React Native and one platform. Considering this, the panel is quite impressed with the level of training and care Callstack gives to its employees.    Moving back to brownfield apps, the panel asks Michal when should people consider integrating and using React Native Brownfield. Michal explains that if you have a mixed team with both web and mobile developers or two separate apps for Android and iOS then it is a good idea to try a brownfield app. He tells the panel that even though it is a time investment, it is worth trying because of the possible benefits. Those benefits are that you end up with a good product, a unified code vase, and skilled developers.   The best approach to navigation in a brownfield application is the next thing the panel considers. Michal shares his first experience with navigation in a brownfield app using React Native Navigation. He explains why he chooses React Navigation and how it works with React Native Brownfield.   Michal explains the benefits of gradual integration. With a gradual approach, AB testing can be done, allowing time to do what is right for the application. The panel considers integrating both ways Native to React Native as well as React Native to Native. Michal shares his experience doing it both ways and explains that Native to React Native can be tricky but is doable with the right application.    The panel considers when it would be better to do a complete rewrite of an application instead of writing a brownfield application. Michal and Josh share experiences when they had to recommend a complete rewrite. The panel briefly discusses testing in a brownfield application.    Michal shares features he is hoping to add to React Native Brownfield, build scripts that will help make it a better developer experience. He is also hoping to create a react native brownfield navigator with React Navigation.    The panel asks Michal about maintaining React Native Brownfield. Michal explains that he works on it when he can. He is hoping to pass it off to a few interested people and then help when he can. He invites listeners who would like to contribute to contact him.  Panelists Josh Justice Charles Max Wood Guest Michal Chudziak Sponsors Sustain Our Software Adventures in Blockchain G2i CacheFly Links The iPhreaks Show RNR 130: Performance that Matters with Ram N Chain React 2019 - Ram Narasimhan - Performance in React Native https://callstack.com/ https://github.com/callstack/react-native-brownfield  React Native Navigation  WeAreVoice case study  https://twitter.com/michalchudziak  https://www.facebook.com/ReactNativeRadio/ https://twitter.com/R_N_Radio Picks Josh Justice: Jimmy Johns  The Nature of Software Development  Charles Max Wood: Nikon D5600 DSLR SM58S by Shure Michal Chudziak: https://overmindjs.org

React Round Up
RRU 080: Navigating React Navigation with Zain Sajjad

React Round Up

Play Episode Listen Later Sep 24, 2019 51:51


Zain Sajjad is a frontend developer at his company Peekaboo Guru, an app built in React. The show begins with Zain explaining why he chose to build Peekaboo Guru in React. Ultimately, he chose React for its composability and reusability. He talks about how much data is shared between his React and React Native applications. Zain explains what he means by a container since he is not talking about Docker, and how he has the app organized. He talks about the differences between routing and navigation between React and React Native. When approaching these differences, he breaks things down into components, containers, and platform, paying careful attention to how they work together. This differentiation can actually help a lot with testing as well.  The panel asks Zain about choosing between React navigation and React Native navigation, but Peekaboo Guru uses both React navigation and React Native navigation, but on different platforms. They use each on different platforms because React Native doesn’t let you configure it with existing native apps. He talks about the pros and cons of each, but prefers React Native navigation. They decided to use both because Peekaboo Guru is based in a region where there aren’t many users with high end devices, so this decision was made to accommodate them.  They then discuss how to approach making important software decisions with a team and how to make an objective decision away from your bias against old or new technology. Zain believes that you have to step out of your comfort zone and think of the team rather than yourself. They talk about the thought process of making these decisions, especially concerning who is going to do the maintenance. They talk about ways to give good feedback even when the maintenance is not going to be your responsibility and the importance of staying humble. Making decisions like this can be tricky because it is where hard skills and soft skills intersect.  The panel moves on to talking about machine learning, and Zain talks about his experience using it to screen comments on Peekaboo Guru. Machine learning is getting more and more common, with giants like Snapchat and Facebook doing it as well. There is also a lot of machine learning on our phones that we don’t think about. Zain gives advice for those who want to start learning about machine learning. He advises people to think of it in two parts, preparing a model and using a model. Thomas feels that machine learning is more approachable than it first appears to be, though it is always related to how good the abstraction is. They compare machine learning to AI and a database to assist with understanding.  If you want to play around with AI, Zain counsels that programming has the addiction of success. Keep your tasks small to keep getting those tastes of success. He advises that it is best to start by using the inference part and then make a model. He talks about different tools to help with the math. The show concludes with the panel agreeing to his counsel and reminding listeners that failure is trying to go from 0 to perfect in one step.   Panelists Thomas Aylott Lucas Reis With special guest: Zain Sajjad Sponsors Adventures in Blockchain Sentry use the code “devchat” for 2 months free on Sentry’s small plan My Angular Story Links Peekaboo Guru React React Native React Native Navigation React Navigation SQL TensorFlow Fun Fun Function Immer.js Follow DevChatTV on Facebook and Twitter Picks Lucas Reis: Ember.js 3Blue1Brown Thomas Aylott: Rite in the Rain notepad

Devchat.tv Master Feed
RRU 080: Navigating React Navigation with Zain Sajjad

Devchat.tv Master Feed

Play Episode Listen Later Sep 24, 2019 51:51


Zain Sajjad is a frontend developer at his company Peekaboo Guru, an app built in React. The show begins with Zain explaining why he chose to build Peekaboo Guru in React. Ultimately, he chose React for its composability and reusability. He talks about how much data is shared between his React and React Native applications. Zain explains what he means by a container since he is not talking about Docker, and how he has the app organized. He talks about the differences between routing and navigation between React and React Native. When approaching these differences, he breaks things down into components, containers, and platform, paying careful attention to how they work together. This differentiation can actually help a lot with testing as well.  The panel asks Zain about choosing between React navigation and React Native navigation, but Peekaboo Guru uses both React navigation and React Native navigation, but on different platforms. They use each on different platforms because React Native doesn’t let you configure it with existing native apps. He talks about the pros and cons of each, but prefers React Native navigation. They decided to use both because Peekaboo Guru is based in a region where there aren’t many users with high end devices, so this decision was made to accommodate them.  They then discuss how to approach making important software decisions with a team and how to make an objective decision away from your bias against old or new technology. Zain believes that you have to step out of your comfort zone and think of the team rather than yourself. They talk about the thought process of making these decisions, especially concerning who is going to do the maintenance. They talk about ways to give good feedback even when the maintenance is not going to be your responsibility and the importance of staying humble. Making decisions like this can be tricky because it is where hard skills and soft skills intersect.  The panel moves on to talking about machine learning, and Zain talks about his experience using it to screen comments on Peekaboo Guru. Machine learning is getting more and more common, with giants like Snapchat and Facebook doing it as well. There is also a lot of machine learning on our phones that we don’t think about. Zain gives advice for those who want to start learning about machine learning. He advises people to think of it in two parts, preparing a model and using a model. Thomas feels that machine learning is more approachable than it first appears to be, though it is always related to how good the abstraction is. They compare machine learning to AI and a database to assist with understanding.  If you want to play around with AI, Zain counsels that programming has the addiction of success. Keep your tasks small to keep getting those tastes of success. He advises that it is best to start by using the inference part and then make a model. He talks about different tools to help with the math. The show concludes with the panel agreeing to his counsel and reminding listeners that failure is trying to go from 0 to perfect in one step.   Panelists Thomas Aylott Lucas Reis With special guest: Zain Sajjad Sponsors Adventures in Blockchain Sentry use the code “devchat” for 2 months free on Sentry’s small plan My Angular Story Links Peekaboo Guru React React Native React Native Navigation React Navigation SQL TensorFlow Fun Fun Function Immer.js Follow DevChatTV on Facebook and Twitter Picks Lucas Reis: Ember.js 3Blue1Brown Thomas Aylott: Rite in the Rain notepad

React Native Radio
111 - React Native Fluid Transitions & React Navigation feat. Christian Falch & Eric Vicenti

React Native Radio

Play Episode Listen Later Dec 17, 2018 41:28


Christian Falch & Eric Vicenti join the show to discuss in depth Fluid Transitions & React Navigation.

transitions fluid react native react navigation christian falch
Devchat.tv Master Feed
111 - React Native Fluid Transitions & React Navigation feat. Christian Falch & Eric Vicenti

Devchat.tv Master Feed

Play Episode Listen Later Dec 17, 2018 41:28


Christian Falch & Eric Vicenti join the show to discuss in depth Fluid Transitions & React Navigation.

transitions fluid react native react navigation christian falch
Tech Done Right
Episode 32: React Native with Gant Laborde, Ed LaFoy, and Brent Vatne

Tech Done Right

Play Episode Listen Later Mar 14, 2018 43:58


React Native with Gant Laborde, Ed LaFoy, and Brent Vatne Get your FREE career growth strategy information and techniques! (https://stickynote.game) TableXI is now offering training for developers and products teams! For more info, email workshops@tablexi.com. Rails 5 Test Prescriptions (https://pragprog.com/titles/nrtest3) is updated and available for purchase! Guests Gant Laborde (https://twitter.com/GantLaborde): Chief Technology Strategist at Infinite Red (https://infinite.red/). Gant on Medium (https://medium.com/@gantlaborde). Ed LaFoy (https://twitter.com/edwardlafoy): Director of Mobile Development at TableXI (http://www.tablexi.com/). Brent Vatne (https://twitter.com/notbrent): React Native and Expo Developer at Expo (https://expo.io/). Summary After many attempts at cross-platform mobile application tools, React Native seems to be the real deal, easy to use, powerful tools, and native look and feel. On this show, Ed LaFoy, Table XI's Director of Mobile Development, is joined by two longtime members of the React Native community: Gant Laborde of Infinite Red and Brent Vatne of Expo. We talk about why React Native succeeds, and how to be successful using it, and also give some resources for people who want to get started. Notes 02:18 - What is React Native (http://facebook.github.io/react-native/) and when would someone us it? 03:50 - The Competitive Advantage of React Native 05:48 - What makes React Native succeed as compared to other tools? JSX (https://facebook.github.io/jsx/) Redux (https://redux.js.org/) redux-saga (https://github.com/redux-saga/redux-saga) react-native-web (https://github.com/necolas/react-native-web) 13:15 - The Immediate, Out-of-the-box Experience Snack (https://snack.expo.io/) React Navigation (https://reactnavigation.org/) 20:23 - Limitations and Boundaries and Skills to be an Effective React Native Developer 29:18 - The React Native Core 38:03 - The React Native Community 38:52 - Resources The React Native Newsletter (http://reactnative.cc/) The React Native Conference (US) (http://infinite.red/ChainReactConf) The React Native Conference (EU) (http://react-native.eu/) React Native Express (http://www.reactnativeexpress.com/) ReactEurope 2017 React Native Workshop with Expo (YouTube Playlist) (https://www.youtube.com/playlist?list=PLCC436JpVnK2RFms3NG9ubPToWCNbMLbT) Animated (https://facebook.github.io/react-native/docs/animated.html) React Native Training (https://reactnative.training/) react-native-storybook (https://github.com/storybook-eol/react-native-storybook) Related Episodes Navigating the JavaScript World: A Panel Discussion (http://www.techdoneright.io/19) The Elm Programming Language With Corey Haines (http://www.techdoneright.io/17) JavaScript: Islands, Sprinkles, and Frameworks with Zach Briggs and David Copeland (http://www.techdoneright.io/005-javascript-apps) Special Guests: Brent Vatne, Ed LaFoy, and Gant Laborde.

RWpod - подкаст про мир Ruby и Web технологии
27 выпуск 05 сезона. Upload Solution for Rails 5.2 (ActiveStorage), Real World Rails Background Jobs, Gatsby, Rebass и прочее

RWpod - подкаст про мир Ruby и Web технологии

Play Episode Listen Later Jul 9, 2017 30:01


Добрый день уважаемые слушатели. Представляем новый выпуск подкаста RWpod. В этом выпуске: Ruby Upcoming built-in Upload Solution for Rails 5.2 (ActiveStorage), Running feature specs with Capybara and Chrome headless и Preventing security issues in Ruby on Rails (based on OWASP cheatsheet) Real World Rails Background Jobs, Using influxdb with ruby, Avoiding “NoMethodError” for nil in Ruby и Virtual Columns in MySQL (video) JavaScript How we restructured our app with React Navigation, 5 Debugging Tools Every JavaScript Programmer Should Know and Use и JavaScript Fatigue or My History with Web Development Best CSS Books In 2017, Gatsby - blazing fast static site generator for React, Rebass - functional React UI component library, built with styled-components и Terminal in React

Putain de code !
#6: L'air chaud

Putain de code !

Play Episode Listen Later Jun 26, 2017 83:28


Un épisode en petit comité: - Zoontek (https://twitter.com/Zoontek) - Matthias (https://twitter.com/bloodyowl) On vous parle de ReasonML, une nouvelle syntaxe et tooling pour rendre OCaml plus accessible, et on s'attarde un peu sur ce dernier, ainsi que sur l'écosystème permettant à Reason d'être utilisé avec JavaScript. On vous présente également de manière détaillée ReactNative, le framework qui permet de créer des applications natives avec React en JavaScript. Les quelques liens (si peu): - Reason https://facebook.github.io/reason/ - OCaml https://ocaml.org - Les containers OCaml https://ocaml.org/learn/tutorials/comparison_of_standard_containers.html - js_of_ocaml http://ocsigen.org/js_of_ocaml/ - BuckleScript http://bucklescript.github.io/bucklescript/Manual.html - BuckleScript Reason (online demo) http://bucklescript.github.io/bucklescript/reason-demo/ - BuckleScript benchmark https://github.com/neonsquare/bucklescript-benchmark - ReasonReact https://reasonml.github.io/reason-react/ - ReReactPrimitives (petit travail perso qui peut aider à aborder la syntaxe) https://github.com/bloodyowl/reReactPrimitives - BuckleScript TEA https://github.com/OvermindDL1/bucklescript-tea - Discord ReasonML https://discord.gg/reasonml - ReactNative https://facebook.github.io/react-native/ - ReactNative Changelog https://github.com/facebook/react-native/releases - MetroBundler https://github.com/facebook/metro-bundler - Create React Native App https://facebook.github.io/react-native/blog/2017/03/13/introducing-create-react-native-app.html - Expo https://expo.io - Qui utilise ReactNative ? https://facebook.github.io/react-native/showcase.html - Animated https://github.com/animatedjs/animated - ReactNativeWeb https://github.com/necolas/react-native-web/ - ReactPrimitives https://github.com/lelandrichardson/react-primitives - NativeModules https://facebook.github.io/react-native/docs/native-modules-ios.html - React Navigation https://github.com/react-community/react-navigation - React Native Maps airbnb/react-native-maps - Lottie React Native https://github.com/airbnb/lottie-react-native - React Native Vector Icons https://github.com/oblador/react-native-vector-icons - React Native Animatable https://github.com/oblador/react-native-animatable - BuckleScript React Native https://github.com/BuckleTypes/bs-react-native La track du générique: https://soundcloud.com/matthias-le-brun/moon