#reactnative

Fast way to clean a cache in your react-native project

update your package.json
Add new script:

"reinstall": "rm -rf ./package-lock.json ./yarn.lock ./node_modules ./ios/Podfile.lock ios/Pods ./android/.gradle ./android/.idea ./android/build ./android/app/build ~/.gradle && npm i && npx pod-install"

#reactnative

Setup new Apple M1 from scratch for react-native cli

https://telegra.ph/Setup-new-Apple-M1-from-scratch-for-react-native-cli-02-10-2

#reactnative #bottomnavigation
React-Navigation bottom tabs, icon issue with a property "focused".

A callback from tabBarIcon property is doing a lot of updates and return false in the end.


https://telegra.ph/React-navigationbottom-tabs--icons-focused-property-issue-consolelogfocused--true--false-02-11-2

#chrome #tabs
How to group a tabs in google chrome

https://blog.google/products/chrome/manage-tabs-with-google-chrome/amp/

Still don't understand how EventLoop works in JavaScript?

Check EventLoop - Playground to get a visuality
shorturl.at/hCHT3

How to make your own AudioPlayer by using React, Web api - AudioContext, D3.js

https://itsitdude.medium.com/mini-web-audioplayer-with-visualisation-part-d3728e674658

How to get a difference between two dates

function dateDiff(date1, date2) {
const datesDiff = Math.abs(date1 - date2);

return {
hrs: parseInt(datesDiff / (1000 * 60 * 60) % 24),
min: parseInt(datesDiff / (1000 * 60) % 60),
sec: parseInt(datesDiff / (1000) % 60)
};
}

How to check network status in web browser by using javascript

window.addEventListener("online", (connection) => {
console.log("You are online back !!", connection);
});

window.addEventListener("offline", (connection) => {
console.log("Lost Network Connection !!", connection);
});