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
https://kentcdodds.com/blog/usememo-and-usecallback
Kentcdodds
When to useMemo and useCallback
Performance optimizations ALWAYS come with a cost but do NOT always come with a benefit. Let's talk about the costs and benefits of useMemo and useCallback.
Very excited to upgrade to the new Firebase v6.0.0 version. One of the most amazing things, is how easy is to integrate firebase in your project, thanks to the AutoLinking feature in RN 0.60. Check out more sweets 🍭 here:
https://invertase.io/blog/react-native-firebase-v6
https://invertase.io/blog/react-native-firebase-v6
invertase.io
Announcing: React Native Firebase version 6.0.0 | Invertase
Late last year we made the decision at Invertase to heavily invest in a revamp of the entire React Native Firebase library and today as announced in the keynote at the Firebase Summit; we're super excited to share with you this new & improved React Native…
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
https://github.com/immerjs/immer
GitHub
GitHub - immerjs/immer: Create the next immutable state by mutating the current one
Create the next immutable state by mutating the current one - immerjs/immer
Also check redux-immer, makes integrating immer to your redux project a lot easier! 🔥
https://github.com/salvoravida/redux-immer
https://github.com/salvoravida/redux-immer
GitHub
GitHub - salvoravida/redux-immer: Redux combineReducers immer-aware!
Redux combineReducers immer-aware! . Contribute to salvoravida/redux-immer development by creating an account on GitHub.
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
http://react-file-structure.surge.sh
What tests are your running in your project?
Anonymous Poll
44%
Unit Tests
0%
Component Tests
22%
End To End Tests
33%
I am confident in my coding skills 😳
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
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
Pusher
React Native development tools - Part 1: Linting tools | Pusher tutorials
This is part one of a three part tutorial series examining development tools for React Native. In this part, learn how to configure Sublime Text Editor with linters, a prettifier and other dev tools.
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
https://medium.com/@bruce1049/form-validation-with-hook-in-3kb-c5414edf7d64
Medium
Form validation with Hook in 3kB
📋 React hook for form validation without the hassle
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
https://github.com/hectahertz/react-native-typography
GitHub
GitHub - hectahertz/react-native-typography: Pixel–perfect, native–looking typographic styles for React Native ✒️
Pixel–perfect, native–looking typographic styles for React Native ✒️ - 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
Reactotron: https://github.com/infinitered/reactotron
YouTube
Chain React 2018: Debugging and Beyond with Reactotron by Darin Wilson
If you've spent any time with React Native, you've probably tried debugging your apps with Chrome. It's handy, it's familiar, it kinda works, but maybe you've thought "this could be better." And you're right: it can be. In this talk, you'll meet 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
https://medium.com/@andreizgrvaci/react-js-my-new-family-3ff0feb94452?sk=6b40b5acb7b194127a77441935e587ce
Medium
React.js — My new family…
Short story about how React.js became my second family and why I won’t leave it for another framework.