DEV Community

loading...
Cover image for React Native resources to learn and get inspiration

React Native resources to learn and get inspiration

Sergei Butko
I'm a React Native, React Developer, Blogger and a kind person!
・3 min read

Disclaimer: I'm not promoting or affiliated with any community, resource or person, this is a list of resources which I gathered through my development career.

This article will bring benefits to everyone, no matter what level of knowledge and experience one has with React Native.

For newcomers, it will give a solid list of information needed in order to 'Get Started' and continue growing together with community.

For people who already developed their apps and know things around, this might be a source of something never stumbled upon before and could bring some thoughts, ideas or daily dose of new things and inspiration. 

Anyway, here's the list:

Basics

  • reactnative.dev - it's the starting point which sometimes is being neglected. Check its pages and follow its blog page and it'll solve many of your questions.

  • Material IO - Android design system website where you can also find lots of information about Material foundation, design, components and guidelines. Specifically I'd like to mention the color tool together with the color system and communication(which is useful anywhere).

  • Human Interface Guidelines - iOS design guidelines with explanations and examples from Apple.


Language

  • JavaScript Info - great JavaScript website with simple, but detailed explanations with examples and tasks.

  • TypeScript Handbook - awesome handbook which is always up-to-date with the latest features.

  • 30 Seconds Of Code - collection of CSS, JS, React Hooks and Components, cheatsheets and articles.

  • WTF JS - collection of tricky JavaScript parts.

  • Clean Code JavaScript - Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript.


Design

  • Refactoring UI - design articles and tips from Adam Wathan and Steve Schoger,p primarily based around web development but many to those apply to the mobile development too.

  • Dribbble - self-promotion and social networking platform for designers and creatives. Great place to gain some inspiration.

  • Figma Community - explore projects, mockups, templates and more.

  • Facebook Design Tools - tools and resources to help with the design process from Facebook.


Open Source

  • GitHub Learning Lab - learn what GitHub offers with real projects, tips, instructions and feedback. There are also small courses for different technologies.

  • Open Source Guide - if you've never contributed anything and want to then this will help to launch and grow your project.

  • Git Cheat Sheet - small cheat sheet of the most widely used git commands.


Learning & Discovering

  • React Native Newsletter - free bi-weekly summary of React Native news, articles, libraries, apps, and more!

  • React Native Now - hand picked React Native news, tutorials, libraries, articles, and videos compiled from around the web and bring it straight to your inbox.

  • r/reactnative - community for learning and developing native mobile applications using React Native.

  • r/destroymyapp - recently created community where people post their apps to receive feedback.

  • React Native Radio - podcast dedicated specifically for React Native.

  • Reactiflux - great chat community.


Twitter Accounts

These people share their own experience almost on a daily basis and I'm really thankful for it, I learned a lot of new stuff from reading and using their content:


Other

  • Carbon - create and share beautiful images of your source code.

  • Squoosh - compress and compare images with different codecs, right in your browser

  • Regex 101 - regular expression tester with syntax highlighting, explanation and cheat sheet.


What are your daily React Native related resources?

Happy codding🎉

Discussion (0)