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

6 ratings


More shows like Rocket Ship

View all
Software Engineering Radio - the podcast for professional software developers by se-radio@computer.org

Software Engineering Radio - the podcast for professional software developers

272 Listeners

The Changelog: Software Development, Open Source by Changelog Media

The Changelog: Software Development, Open Source

284 Listeners

Startups For the Rest of Us by Rob Walling

Startups For the Rest of Us

696 Listeners

a16z Podcast by Andreessen Horowitz

a16z Podcast

1,034 Listeners

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

React Native Radio

59 Listeners

The Official SaaStr Podcast: SaaS | Founders | Investors by SaaStr

The Official SaaStr Podcast: SaaS | Founders | Investors

175 Listeners

Y Combinator Startup Podcast by Y Combinator

Y Combinator Startup Podcast

217 Listeners

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

Syntax - Tasty Web Development Treats

987 Listeners

Techmeme Ride Home by Brian McCullough

Techmeme Ride Home

941 Listeners

Practical AI by Practical AI LLC

Practical AI

192 Listeners

The Stack Overflow Podcast by The Stack Overflow Podcast

The Stack Overflow Podcast

62 Listeners

Latent Space: The AI Engineer Podcast by swyx + Alessio

Latent Space: The AI Engineer Podcast

75 Listeners

The AI Daily Brief (Formerly The AI Breakdown): Artificial Intelligence News and Analysis by Nathaniel Whittemore

The AI Daily Brief (Formerly The AI Breakdown): Artificial Intelligence News and Analysis

485 Listeners

AI + a16z by a16z

AI + a16z

31 Listeners

The Pragmatic Engineer by Gergely Orosz

The Pragmatic Engineer

63 Listeners