View all technical articles

• How to Make an Accesible Auto Suggest with vanilla Javascript

  Written on 16 May 2020

  • DEV
  • AUTOSUGGEST
  • COMBOBOX
  • A11Y
  • JAVASCRIPT

  "Autosuggest, also referred to semantically as a Combobox, is a web component we are all familiar with. It is comprised of an input where a user can type, and a dropdown menu with suggestions that the user can select. Depending on the use case, there may be some extra caveats. Some components will autofill the user's response based on the suggests, some will require that the user select something, some will fire a network request and so on."

• Turning your React Component into a Finite State Machine With useReducer

  Written on 25 Jan 2020

  • DEV
  • REACT
  • HOOKS
  • STATE
  • STATE MACHINE

  "A finite state machine is not a new concept in the world of computing or mathematics. It is a mathematical model that be in one a few finite states. Transition to a new state could depend on the previous state and a set of external factors."

• Let It Ripple

  Written on 10 Dec 2019

  • DEV
  • REACT
  • RIPPLE
  • MATERIAL DESIGN

  "We have all seen the ripple effect animation which was part of the material design recommendation. It presents itself as a circle that appears at the point of a click and then enlarges and fades away. As a UI tool, it is a fantastic and familiar way to let the user know that there has been a click interaction."

• Sharing more with React's Context API

  Written on 14 Sep 2019

  • DEV
  • REACT
  • CONTEXT
  • STATE

  "In learning React, one of the first challenges I faced was figuring out state management. State is a vital part of any application that has more complexity than a simple blog or brochure site. React has a fantastic toolset to manage component level state both in the case of functional components with hooks, and class based components. However global state is a bit of a different story."

• Efficiency in the Editor : How I overcame my fear of Vim

  Written on 29 Aug 2019

  • DEV
  • VIM
  • BEGINNERS
  • PRODUCTIVITY

  "A colleague at my previous job was once looking at my screen and mentioned that he was impressed with how quickly I was moving around within my code editor. Granted he was not a developer and came from a non-technical background, but his comment surprised me as speed apart from that of typing was not something that I had given much thought before. Navigating through my workspace using a combination of arrow keys, find, go-to-line and the navigation keys such as Home and End were things I had learned simply through practice."