React Native resources to learn and get inspiration
Tags: reactnative, mobile, productivity
Published: 2021-07-07 14:21:02

*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](https://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](https://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](https://material.io/resources/color/) together with the [color system](https://material.io/design/color/the-color-system.html#color-theme-creation) and [communication](https://material.io/design/communication/confirmation-acknowledgement.html#usage)(which is useful anywhere).

* [Human Interface Guidelines](https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/) - iOS design guidelines with explanations and examples from Apple.

---

##Language

* [JavaScript Info](https://javascript.info) - great JavaScript website with simple, but detailed explanations with examples and tasks.

* [TypeScript Handbook](https://www.typescriptlang.org/docs/handbook/intro.html) - awesome handbook which is always up-to-date with the latest features.

* [30 Seconds Of Code](https://www.30secondsofcode.org) - collection of CSS, JS, React Hooks and Components, cheatsheets and articles.

* [WTF JS](https://github.com/denysdovhan/wtfjs) - collection of tricky JavaScript parts.

* [Clean Code JavaScript](https://github.com/ryanmcdermott/clean-code-javascript) - Software engineering principles, from Robert C. Martin's book Clean Code, adapted for JavaScript.

---

##Design

* [Refactoring UI](https://www.refactoringui.com) - 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](https://dribbble.com) - self-promotion and social networking platform for designers and creatives. Great place to gain some inspiration.

* [Figma Community](https://www.figma.com/community/explore) - explore projects, mockups, templates and more.

* [Facebook Design Tools](https://design.facebook.com/toolsandresources) - tools and resources to help with the design process from Facebook.

---

##Open Source

* [GitHub Learning Lab](https://lab.github.com) - learn what GitHub offers with real projects, tips, instructions and feedback. There are also small courses for different technologies.

* [Open Source Guide](https://opensource.guide) - if you've never contributed anything and want to then this will help to launch and grow your project.

* [Git Cheat Sheet](https://training.github.com/downloads/github-git-cheat-sheet/) - small cheat sheet of the most widely used git commands.

---

##Learning & Discovering

* [React Native Newsletter](https://reactnative.cc) - free bi-weekly summary of React Native news, articles, libraries, apps, and more!

* [React Native Now](https://reactnativenow.com) - hand picked React Native news, tutorials, libraries, articles, and videos compiled from around the web and bring it straight to your inbox.

* [r/reactnative](https://www.reddit.com/r/reactnative/) - community for learning and developing native mobile applications using React Native.

* [r/destroymyapp](https://www.reddit.com/r/destroymyapp/) - recently created community where people post their apps to receive feedback.

* [React Native Radio](https://reactnativeradio.com) - podcast dedicated specifically for React Native.

* [Reactiflux](https://www.reactiflux.com) - 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:

* [@janicduplessis](https://twitter.com/janicduplessis)
* [@WixEng](https://twitter.com/WixEng)
* [@jamonholmgren](https://twitter.com/jamonholmgren)
* [@mweststrate](https://twitter.com/mweststrate)
* [@ReactNativeBlog](https://twitter.com/ReactNativeBlog)
* [@callstackio](https://twitter.com/callstackio)
* [@swmansion](https://twitter.com/swmansion)
* [@notbrent](https://twitter.com/notbrent)
* [@Baconbrix](https://twitter.com/Baconbrix)
* [@kentcdodds](https://twitter.com/kentcdodds)
* [@vonovak](https://twitter.com/vonovak)
* [@Kelset](https://twitter.com/Kelset)
* [@browniefed](https://twitter.com/browniefed)
* [@grabbou](https://twitter.com/grabbou)
* [@satya164](https://twitter.com/satya164)
* [@wcandillon](https://twitter.com/wcandillon)
* [@acemarke](https://twitter.com/acemarke)
* [@brian_d_vaughn](https://twitter.com/brian_d_vaughn)
* [@dan_abramov](https://twitter.com/dan_abramov)

---

##Other

* [Carbon](https://carbon.now.sh) - create and share beautiful images of your source code.

* [Squoosh](https://squoosh.app) - compress and compare images with different codecs, right in your browser

* [Regex 101](https://regex101.com) - regular expression tester with syntax highlighting, explanation and cheat sheet.

---

What are your daily React Native related resources?

Happy codding🎉