Posts

Notes on Android Emulator for running React Native developed app on 4 GB RAM PC

Note: The current version of this post covers mainly installation of Android emulators. A later update is planned to explore running React Native developed Android apps on these Android emulators. Currently it shares a few articles related to the latter. Related post: Notes on React Native,  https://raviswdev.blogspot.com/2024/12/notes-on-react-native.html My old Android Kotlin programming quick exposure post: Getting exposed to Android App. Development – Quick Notes, https://ravisiyer.wordpress.com/2023/10/01/getting-exposed-to-android-app-development-quick-notes  : briefly mentions Android Studio installation I did then in Oct. 2023 but does not mention other emulator tests that I recall I did then (like Nox). Related longish extract is given below (slightly edited): Recommended RAM is 8 GB for Android Studio! My desktop PC on which I installed it has 4 GB RAM. It did get installed but runs very slowly. Further, the Android emulator part is extremely slow and even then ...

Notes on React Native

Last updated on 17 Dec. 2024 Note: Related post: Notes on Android Emulator for running React Native developed app on 4 GB RAM PC,  https://raviswdev.blogspot.com/2024/12/notes-on-android-emulator-for-running.html . My last look at React Native tutorial code seems to have been in April 2024: Notes on React Native tutorial and using Expo on my Android phone to explore the tutorial, https://raviswdev.blogspot.com/2024/04/notes-on-react-native-tutorial-and.html , LU 20 April 2024. But that seems to have been an earlier version tutorial as it seems to match https://reactnative.dev/docs/0.73/environment-setup (React Native 0.73) but does not match the current version tutorial: https://reactnative.dev/docs/set-up-your-environment (shows version as React Native 0.76) ---- React Native for Beginners tutorial, https://www.youtube.com/watch?v=Hp9sTsiTZ_I , 22 mins, Dave Gray, Oct. 2024. Extensions used: React Native Tools, Expo Tools Full course video alternative to above video which...

Notes on Firebase Cloud Messaging

Last updated on 12 Dec. 2024 Firebase Cloud Messaging: https://firebase.google.com/products/cloud-messaging "Firebase Cloud Messaging (FCM) provides a reliable and battery-efficient connection between your server and devices that allows you to deliver and receive messages and notifications on iOS, Android, and the web at no cost." https://console.firebase.google.com/project/_/notification Introducing Firebase Cloud Messaging, https://www.youtube.com/watch?v=sioEY4tWmLI , around a min. I was quite surprised to see on Firebase website that it indeed is free to use and does not mention limits for free use. This quora discussion is relevant to this: Why is Firebase Cloud Message free of charge? Does Google use/sell end users data for advetisement like OneSignal?, [FCM is Firebase Cloud Messaging] https://www.quora.com/Why-is-Firebase-Cloud-Message-free-of-charge-Does-Google-use-sell-end-users-data-for-advetisement-like-OneSignal ...  I was wondering if Google has a plan to sta...

Notes on React Redux

Last updated on 4 Dec. 2024 Extracting State Logic into a Reducer, https://react.dev/learn/extracting-state-logic-into-a-reducer React Redux Full Course for Beginners | Redux Toolkit Complete Tutorial, https://www.youtube.com/watch?v=NqzdVN2tyvQ , around 4 hrs, by Dave Gray, May 2022. Source code: https://github.com/gitdagray/react_redux_toolkit React Redux Quick Start, https://react-redux.js.org/tutorials/quick-start https://redux-toolkit.js.org/api/createSlice extraReducers, https://redux-toolkit.js.org/api/createSlice#extrareducers [createReducer()] Usage with the "Builder Callback" Notation, https://redux-toolkit.js.org/api/createReducer#usage-with-the-builder-callback-notation Understanding Reducers from scratch, https://medium.com/@jsmuster/understanding-reducers-d0f934aceccd Array.prototype.reduce(), https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce : The reduce() method of Array instances executes a user-supplied "red...

Notes on Azure

Notes on C#, ASP.NET Core and .NET Core web dev platform,  https://raviswdev.blogspot.com/2024/10/notes-on-aspnet-core-web-dev-platform.html covers some earlier exposure to and usage of Azure. portal.azure.com : Link to access Azure Has a Quick start with a set of ten videos with almost all, if not all, videos between around 5 to 10 minutes long. It is at a good pace and I found it very helpful to get a top-level view of Azure cloud services and how to use it to deploy apps, database and also a VM. AZ-900 Microsoft Azure Fundamentals, https://www.youtube.com/playlist?list=PLGjZwEtPN7j-Q59JYso3L4_yoCjj2syrM is a playlist of 40 videos by Adam Marczak - Azure for Everyone, published in 2020. The first video covers very basic stuff and covers Microsoft Azure certification. The second video which is Episode 1, has decent coverage though the video is somewhat slow which may be ideal for some students. The description of the video mentions the topics covered. I have watched only the fi...

Notes on Form validation in React

Last updated on 24-Nov-2024 Should one validate at field level (user moves out of field) or at form level (user submits the form)? Is there a web user interface guideline for this? If field level validations are needed then what events are used in React apps to do so? Articles/posts below are related to above queries. Field-level validation and error messaging, https://accessibility.perpendicularangel.com/roles/ux-designer/error-messaging-patterns/field-level-validation-and-error-messaging/ - The article advises that form's submit button should be enabled even when form has invalid data, show error message only after user leaves a field and not while he is typing in the field, continue to show the error message for a field at least until it has been corrected etc. React onBlur event can be used for field-level validation. Example of usage of onBlur event but not for validation: https://www.geeksforgeeks.org/react-onblur-event/   Form Validation — Importance, Ways & Best Practi...

More notes on Git

Last updated on 11 Dec. 2024 Older notes: Notes: Git & GitHub: In project with main branch deployed to hosting site, using newfeature git branch for development and eventual merging into main branch,  https://raviswdev.blogspot.com/2024/06/notes-git-github-in-project-with-main.html Solving syncing issue with local git (branch master) after choosing license while making new public repo on Github (branch main); More git trials,  https://raviswdev.blogspot.com/2024/04/solving-syncing-issue-with-local-git.html  Git section in Learning Full Stack (MERN) Web App Development through Free Online Tutorials – Organized Notes and Log, https://raviswdev.blogspot.com/2024/03/learning-web-app-development-through.html#git ------- To clone only a specific branch: https://www.freecodecamp.org/news/git-clone-branch-how-to-clone-a-specific-branch/ git clone -b <branchname> --single-branch <remote-repo-url> --- To check if remote is ahead of local branch, I think I need to do...