JavaScript
12 posts. All writing →
-
Syncing Types Between FastAPI/Pydantic and TypeScript
The Mullet Stack: JavaScript in the front, Python in the back
-
Understanding 'this' in JavaScript
Here is a snippet that you can use to understand
thisin JavaScript. Make sure you have the console open and read the logs as you click on the buttons. The code is here in GitHub as well. -
Next Iteration of Valunicorn Calculator
“The goal is two-fold: level-up my Elm skills by continuing to maintain and develop a more complex application and add features to a project which people can use to invest sustainably.”
-
Ejected create-react-app not working on Heroku
This post is for everyone learning React out there. Weekend warriors, boot campers, and autodidacts.. I’m here for you! They told you not to do it, but you did it anyway.
-
Elm in React Part #3
This is a follow-up to Elm in React Part #2. We have replaced the “add todo” form view of a React todo list app with Elm, but we still need model and update functions as part of The Elm Architecture. We also need ports to communicate with JavaScript or React in this case. Checkout the Elm branch of this todo list repo if you want to follow along. Here are the remaining steps:
-
Elm in React Part #2
This is a follow-up to Elm in React Part #1. In the first post we replaced the “add todo” form portion of a React todo list app with “hello world” written in Elm. Now we will replace the Elm “hello world” stub with an Elm view. Checkout the Elm branch of this todo list repo if you want to follow along. In plain English these are the steps I took:
-
Elm in React Part #1
This post will expand upon Evan’s post describing how to use Elm with React. I’ve been using this todo list example to teach react for a while now (thanks Chad!) so I thought it would make sense to use the same example here. Checkout the Elm branch of the todo list repo linked above if you want to follow along.
-
Nested React Routes in v4
Using
renderinstead ofcomponentin React Router v4 works for plain old child components, but not when your child component is a nestedRoute. In this example I’ve taken the react router quickstart tweaked it to pass props into a wrapped route. -
Elm Events in Colorado
December Elm Hack Night has been cancelled, but Wednesday January 24th is Beginner’s Night at Front Range Elm. Please spread the word and bring your friends!
-
Nordic.js
JavaScript is unique from other programming languages because it is used not only on the server, but within the browser. So while other languages might give you the ability to create visualizations on the front-end or develop an API on the back-end, JavaScript empowers engineers to do all of those things and much more.
-
Mouse Trap
Inspired by Quick Left’s Rube Goldberg Hackfest, I set out to build a fancy web application version of the board game “Mouse Trap”. This involved setting up a web server using Node.js and Express, hitting the server with a simple iOS app, polling said web server using client side JavaScript, cropping images with Gimp, and working with jQuery.
-
Deploying Node.js on Heroku
I encountered a few gotchas that I wanted to share while hacking on Node.js this weekend. The tutorials available at nodejs.org are extremely thorough and very helpful, but you may run into some of the same issues that I did when expanding from your basic “hello world” application. First we will discuss Node.js specifically and then we will move on to deployment with Heroku.