https://esmit.me/tags/javascript/Recent content in javascript on Esmit PerezHugo -- gohugo.ioenMon, 27 Apr 2020 22:52:47 -0500https://esmit.me/posts/react-wars/Mon, 27 Apr 2020 22:52:47 -0500https://esmit.me/posts/react-wars/🚀 May the 4th is rapidly approaching and having recently (re) learned the basics of React, I created a simple app that explores the Star Wars API. The end result is available for your perusal in https://github.com/esmitperez/react-wars. React Wars Crawl React + React Hooks = 💕 Link to heading The app consists of 2 functional (a.k.a pure) components: Films and Crawl. In order to share data between components I am relying on Context using a useContext() hook which reads a context previously created using React.https://esmit.me/posts/jamstack-playground/Fri, 31 Jan 2020 01:10:16 -0600https://esmit.me/posts/jamstack-playground/🎤 “Hello, is this thing still on?” After a five (!) year hiatus I’ve returned to blogging about my non-day-job technical interestes. I’ll start with the stories of some of my past projects, and pretty soon what I’m currently invested on. Stay tuned 🔥 🔥. Choice is the enemy Link to heading For starters, I wanted to self manage my own site and I wanted something new. In 2014 Medium seemed like the go-to choice, but while publishing was a breeze, embedding other content was a PITA 🙃, and given their current paywall approach, I just don’t want to deal with it anymore.https://esmit.me/posts/angular-flags/Wed, 18 Jun 2014 00:00:00 -0600https://esmit.me/posts/angular-flags/Note: this was originally published in a now-defunct Medium-post back in 2014. It’s been re-edited for 2020 audiences 🤖. 🌎 We will learn how to make input fields that require an ISO 3166-1 country value to display the corresponding flag, in much the same way Bootstrap shows icons for validations states. Custom Directive - Final Result Finding usable country flags Link to heading Boostrap can use custom icons but this is not quite what I needed since I had all my images in separate files and I didn’t want to combine them into a single one using the sprite generator in the tutorial, nor did I want to generate a custom class for flags I may not even need.https://esmit.me/posts/interactive-cr-map/Fri, 14 Feb 2014 00:00:00 -0600https://esmit.me/posts/interactive-cr-map/🏫 I ❤️ maps. This got started in 2013, as there were no (and probably still there aren’t) interactive detailed maps of all the districts in Costa Rica. It was not possible to, let’s say, generate a data-driven map on-the-fly. jquery was all the rage thenm, and I decided to create a .svg map, and programatically allow to use it. It is available as open source, under Apache License. tl;dr ?