Rocket Ship

#043 - React Native Best Practices Template with Youssouf El Azizi


Listen Later

Yousouf El-Azizi, mobile tribe lead at Obytes and core team member of the GeeksBlaBla community in Morocco, discusses his path into technology and becoming a React Native developer. He also talks about his role as the leader of the mobile tribe at Obytes and the benefits of using their open-source starter template. The template, which has gained popularity on GitHub, includes Expo, TypeScript, Tailwind CSS, Husky, Lint-staged, Expo Router, React Query, React Hook Form, and localization with I18n. The conversation covers various topics related to the Obytes Starter template for React Native. The main themes include the use of Tailwind CSS, the benefits of using the template, the integration of GitHub actions for automation, the use of React Query Kit and TanStack Query for data fetching, the use of Maestro for end-to-end testing, and the importance of documentation. The conversation also touches on the negative aspects of social media and the benefits of following the right people on GitHub.

Learn React Native - https://galaxies.dev

Youssouf El Azizi

  • Youssouf Twitter: https://twitter.com/ElaziziYoussouf
  • Youssouf Website: https://elazizi.com/

Links

  • Obytes starter: https://starter.obytes.com/
  • GitHub Feed is underrated: https://elazizi.com/posts/github-feed-is-underrated/

Takeaways

  • The mobile tribe at Obytes follows the Spotify model of managing teams, with tribes focusing on technology and squads focusing on projects.
  • The Obytes starter template is an opinionated template that helps align teams and projects, providing a strong foundation and best practices.
  • The template includes Expo, TypeScript, Tailwind CSS, Husky, Lint-staged, Expo Router, React Query, React Hook Form, and localization with I18n.
  • Yousuf discusses the decision-making process behind adopting technologies for the starter template, such as Expo Router and Native Wind. The Obytes Starter template for React Native is designed to incorporate best practices and provide a solid foundation for new projects.
  • Tailwind CSS is a popular framework for styling in React Native and is widely used in the React Native ecosystem.
  • GitHub actions are used in the template for automation, including validation, testing, and building the app for different environments.
  • React Query Kit and TenStack Query are used for data fetching and provide an easy way to manage queries and mutations.
  • Maestro is used for end-to-end testing and provides a simple and intuitive way to write tests.
  • Documentation is an important aspect of the template and guides how to use the various features and technologies.
  • Following the right people on GitHub can be a valuable source of learning and discovering new projects and best practices.
  • Social media platforms like Twitter can be overwhelming and cause anxiety, and it's important to be mindful of the time spent on them.
...more
View all episodesView all episodes
Download on the App Store

Rocket ShipBy Simon Grimm

  • 5
  • 5
  • 5
  • 5
  • 5

5

5 ratings


More shows like Rocket Ship

View all
The Changelog: Software Development, Open Source by Changelog Media

The Changelog: Software Development, Open Source

285 Listeners

Software Engineering Daily by Software Engineering Daily

Software Engineering Daily

630 Listeners

React Native Radio by Jamon Holmgren, Robin Heinze, Mazen Chami

React Native Radio

57 Listeners

Soft Skills Engineering by Jamison Dance and Dave Smith

Soft Skills Engineering

271 Listeners

Machine Learning Guide by OCDevel

Machine Learning Guide

755 Listeners

Syntax - Tasty Web Development Treats by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Syntax - Tasty Web Development Treats

984 Listeners

CoRecursive: Coding Stories by Adam Gordon Bell - Software Developer

CoRecursive: Coding Stories

185 Listeners

My First Million by Hubspot Media

My First Million

2,601 Listeners

The Stack Overflow Podcast by The Stack Overflow Podcast

The Stack Overflow Podcast

63 Listeners

All-In with Chamath, Jason, Sacks & Friedberg by All-In Podcast, LLC

All-In with Chamath, Jason, Sacks & Friedberg

8,649 Listeners

React Universe On Air by Callstack

React Universe On Air

4 Listeners

PodRocket - A web development podcast from LogRocket by LogRocket

PodRocket - A web development podcast from LogRocket

58 Listeners

Huberman Lab by Scicomm Media

Huberman Lab

28,161 Listeners

devtools.fm: Developer Tools, Open Source, Software Development by Andrew Lisowski, Justin Bennett

devtools.fm: Developer Tools, Open Source, Software Development

25 Listeners

localfirst.fm by localfirst.fm

localfirst.fm

17 Listeners