Posts

Showing posts from November, 2024

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...