Image header

A First Look at How To Set Up React 18 Alpha with Snowpack and Vercel

If you prefer watching a video… Be sure to Subscribe to the Official Code Angle Youtube Channel for more videos.    Talk is cheap. Show me the code ― Linus Torvalds Table of Contents Introduction Installation and Setup of React using Snowpack Folder Restructure code overview Running the app Deployment Process Using Vercel Conclusion Introduction …

A First Look at How To Set Up React 18 Alpha with Snowpack and Vercel Read More »

featured image

Top 10 Date Pickers in React

Never bend your head. Always hold it high. Look the world straight in the eye. – Helen Keller Table of Contents Introduction @yoc/react-datepicker materialui-daterange-picker react-datetime-picker react-date-range react-date-picker react-big-calendar react-datetime react-day-picker @material-ui/picker react-datepicker Conclusion Introduction A Date Picker is a form of graphical user interface that allows users to select a date from a calendar and/or …

Top 10 Date Pickers in React Read More »

Html Image

A Detailed Breakdown of HTML Form Event Attributes

Don’t aspire to make a living, aspire to make a difference. – Denzel Washington Table of Contents Introduction HTML form events  onblur onchange oncontextmenu onfocus oninput oninvalid onreset onsearch onselect onsubmit Conclusion Introduction HTML forms allow users on a web page to enter data that will be sent to a server for processing. HTML forms are a …

A Detailed Breakdown of HTML Form Event Attributes Read More »

Dark Mode Image

5 Reasons Why Dark Mode Matters

When it is dark enough, you can see the stars. ― Ralph Waldo Emerson Table of Contents Introduction Reasons for Dark Mode Visual Attraction User Experience Eye Strain & Blue Light Removal Reduction of Photophobia Battery Saver Factors to Consider When Selecting Dark Mode Conclusion Introduction According to an American survey, children between the ages of 8-12 and …

5 Reasons Why Dark Mode Matters Read More »

Article Image

4 Ways to Create a Modal Popup Box with Html, CSS and Vanilla JavaScript

Knowing is not enough; We must apply. Willing is not enough; We must do. – Bruce Lee Table of Content Introduction Sample 1 Sample 2 Sample 3 Sample 4 Conclusion Introduction When creating the design of a web page, one of the most important things to be into consideration is user interactivity. A good example …

4 Ways to Create a Modal Popup Box with Html, CSS and Vanilla JavaScript Read More »

Getting Started With: Angular vs React vs Vue

Angular vs React vs Vue – Getting Started

The only way to learn a new programming language is by writing programs in it. ― Dennis Ritchie Table of Content Introduction History Angular React  Vue Requirements & Installation Process Angular React  Vue Conclusion Introduction This article provides a step by step guide on how to install the three most popular javascript framework/library in the …

Angular vs React vs Vue – Getting Started Read More »

Image showing HTTP status code

A Break Down of HTTP Status Code

I eat and drink at my desk, but I’m a tidy eater. – Jamie Zawinski Table of Content Introduction Informational Response (100 – 199) Successful Response (200 – 299) Redirects (300 -399) Client Error (400 – 499) Server Error (500 – 599) Unofficial Codes by Different Platforms Deprecated Conclusion Introduction HTTP which stands for  Hypertext …

A Break Down of HTTP Status Code Read More »

7 Must Have Skill For A Modern Day Front-end Developer

minutes Introduction Gone are the days were front-end web development is all about creating websites with just custom Html, css and probably a bit of javascript for interaction. With the popularity of frameworks and libraries, the requirements to work as a front-end developer continues to become more ambiguous. This could serve as a problem for beginners in the long-run as …

7 Must Have Skill For A Modern Day Front-end Developer Read More »