Posts

Notes on Form validation in React

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 Practices, https://clearout.io/blo
Post a Comment
Read more

More notes on Git

Last updated on 29 Oct. 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 following: Ru
Post a Comment
Read more

Notes on: Learning Bootstrap, React templates; Misc. notes

Last updated on 11 Nov. 2024 My post: Tutorial links for Bootstrap, Next.js, TypeScript and React Native,  https://raviswdev.blogspot.com/2024/04/tutorial-links-for-bootstrap-react.html has some initial info. on this topic.  Additional post of mine having some info. on Bootstrap in section with 'Bootstrap' title: 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 . This post mainly covers a deeper dive I am making into Bootstrap but it also has some other miscellaneous stuff. Git Clone Branch: A Step-by-Step Tutorial, https://www.datacamp.com/tutorial/git-clone-branch-tutorial git clone --single-branch --branch <branch_name> <repository_url> Yarn related: 'corepack enable' command needs Administrative login. nodejs will not enable corepack: operation not permitted, https://stackoverflow.com/questions/70577085/nodejs-will-not
Post a Comment
Read more

Notes on learning MongoDB database design

Last updated on 18th Oct. 2024 Oct. 15th and 16th: As I have done a quick refresh and slightly improved my SQL database design knowledge over past few days, I felt that I should also get some exposure to MongoDB database design. So far, I have used fairly simple MongoDB schemas in the tutorial projects I have gone through and perhaps some simple project variations that I did. I need to get more exposure. This post has related notes. MongoDB Schema Design Best Practices, https://www.youtube.com/watch?v=QAqK-R9HUhc by MongoDB, around 10 mins, April 2021 community.mongodb.com https://www.mongodb.com/resources/solutions/use-cases/mongodb-application-modernization-guide - Downloaded file: MongoDB_Modernization_Guide-ans0zbdf0i.zip has RDBMS to MongoDB Migration White Paper.pdf and other files including sample DB. RDBMS to MongoDB Migration White Paper.pdf - 20 pages: Has examples of simple to medium complexity RDBMS design along with MongoDB schemas ('converted'); "The $looku
Post a Comment
Read more

Notes on refreshing and improving my knowledge on SQL Database Design

Last updated on 15th Oct. 2024 In my past software industry career (1984 to 2002), I had done some amount of SQL database related work but not much. So I was not a database design expert. But I could understand simple to medium complexity database designs and use SQL on command line or through programs to do CRUD operations on the database. Given the above background and given that some web dev projects use SQL databases instead of NoSQL databases, I would like to refresh and improve my knowledge on SQL database design. This post has notes related to this activity. ================== Around 13th to 14th Oct.: About yellow and red key icons, and blue, red and white diamond icons before columns in entities in ER diagrams: What do the mysql workbench column icons mean, https://stackoverflow.com/questions/10778561/what-do-the-mysql-workbench-column-icons-mean explains what these icons stand for. Excellent article on ERD: What is Entity Relationship Diagram (ERD)?, https://www.visual-parad
Post a Comment
Read more

Notes on C#, ASP.NET Core and .NET Core web dev platform

Last updated on 17 Nov. 2024 A web dev. project that I am starting to study, uses ".Net Core" for the back-end and ReactJS for the front-end. I want to get a quick overview of .Net Core and am doing some reading/viewing on it in short bursts. Notes about it are given below. ASP.NET Core,  https://dotnet.microsoft.com/en-us/apps/aspnet seems to be the main official docs page. Some key points from it: Free. Cross-platform. Open source. A framework for building web apps and services with .NET and C#. Supported on Windows, Linux, and macOS Hmm. That's quite interesting. My last industry project, IIRC, was on ASP.NET and C# in 2002. I don't think it was free then, nor cross-platform (I think it was only Windows platform then) and not open source. Quite fascinating that 22 years later, the name of the web dev. platform has not changed much - from ASP.NET to ASP.NET Core and the language is still C#. Of course, the features of ASP.NET Core as well as C# today will be far mo
Post a Comment
Read more