React Native Status
512 subscribers
11 photos
167 links
Sharing weekly news & articles about:
⚛️ React Native, React.js
🐍 TypeScript, JavaScript
🛠 Libraries, Tools
Take a seat and enjoy your stay! 😊
Download Telegram
A very interesting article about optimization in React. By nature I am a perfectionist, so I try to optimize everything, but this article changed my mind a bit. Optimization comes with costs and not all the times optimization is needed.
https://kentcdodds.com/blog/usememo-and-usecallback
In case you missed it, we also have a group where we talk about RN 🎉, join our campfire 🏕
If you have been struggling witth imutability in React and you wanted a library that is easy to use and reliable, I highly suggest having a look at immer.
https://github.com/immerjs/immer
I am using redux and was quite sick when I would do this in order to mutate the state
Instead, by using immer and redux-immer, it looks a lot better now
Dan Abramov talks about the best way to structure your React project. I highly recomend checking it out if you have been struggling with this like me!!! 🎉
http://react-file-structure.surge.sh
If you are trying to push testing as far away as you can, because testing in React Native sounds too complicated, then check out reactnativetesting.io, it helped me overcome fear of testing 😄
Are you using eslint in your project?
Anonymous Poll
57%
Yes
43%
No
0%
Too hard to set-up
0%
Why should I?
I highly suggest setting up eslint into your project. I though eslint won't bring much value, because editor linting(Webstorm in my case) already did a good job. How wrong I was. At first, I had to refactor a lot of code, because eslint was yelling at me, but then it saved me soo many times. It warned me about silly mistakes, typos, non existing modules that I couldn't spot easily and will take me hours to figure out the bug otherwise. Long story short: If you have a big project to mentain, eslint is the way to go. Here is a good article on how to setup eslint for React Native.
https://www.pusher.com/tutorials/react-native-development-tools-part-1-linting

p.s RN 0.60 already ships with a pre configured eslint config: https://github.com/facebook/react-native/tree/master/packages/eslint-config-react-native-community
Hey, sorry for not being active for the last couple of days. Been busy traveling. Now getting back to daily news 🙂
I just came across on a new form library called: React-Hook-Form. The awesome thing about it is that it supports hooks and it's compatible with react-native. It's seems promising, will give it a try in the next couple of days and see if it feets better in my project than Formik. Go check it out! 🚀
https://medium.com/@bruce1049/form-validation-with-hook-in-3kb-c5414edf7d64
If you want to keep your typography consistent by following predefined guidlines that will help your app look better and not spend hours on coming with the right font size, then look no further, React Native Typography is the solution. I have refactored my whole app by following iOSUIKit guidlines and now it looks amazing. Definetly give it a go if you have been struggling with this kind of problem or just don't have anything to do in the weekend 😄
https://github.com/hectahertz/react-native-typography
I highly suggest taking a look at Reactotron, It's an awesome debugging tool for React Native that will make your life so much easier!!! I have inegraed Reactotron in my project a few months ago and I am very pleased with it. It's blazing fast as it's running along your app and NOT in debugg mode that it's running on your browser's js engine and making things very slow, it also has a lot more cute features. Anyway, give it a shoot and if I didn't convince you enough, then have a look at Chain React 2018: https://www.youtube.com/watch?v=UiPo9A9k7xc
Reactotron: https://github.com/infinitered/reactotron
React Native Status pinned «👋 Hey folks, pleased to see you all here! This is a channel where I will post some news/thoughts about React Native and other relative topics(React.js, JavaScript, libraries, etc...). I hope you will enjoy your stay there 😊. 👉 I also created a group where…»
Hey guys, I just published my first ever blog: "React.js — My new family…". I will appreciate a lot if you check it out and leave a like if you find it interesting 🙂
https://medium.com/@andreizgrvaci/react-js-my-new-family-3ff0feb94452?sk=6b40b5acb7b194127a77441935e587ce