Blogging about frameworks, technologies, other stuff..

Tutorial on how to create an express app with ES6, by using babel-register
Apr 19, 2016

Setup an express app
Start by creating a simple node application with express
  • open the command line and go to the folder where you want to initialise your express app
  • install express globally to make sure you can easily run the express init command:
$ npm i express -g
  • run the express init command:
$ express //without options if you want an express app with the default jade templating engine)
  • This command created a default express app with a public folder, some routes and some jade views. Also the very important files 'package.json' and 'app.js' have been created.
  • now run the 'npm install' command to download all dependencies specified in the package.json file into the 'node_modules' folder
$ npm install
  • Start the app by running the command: 'npm start', and check if it's running by surfing to localhost:3000 (default port specified in the file bin/www)
$ npm start

Et voila, simple as that to create your express app! Now check out the app.js file. You'll see that require.js is still used and that the code in there is ES5. Now we will transform our app to ES6 and transform it back to ES5 so express can understand our 'code of the future'.
Read more

React.js, the library that naturally forces you to use web components

Apr 15, 2016

Notice the subtle difference in the title vs. the subtitle? Every couple of years, a new framework is hot in front-end development land. There's mostly a lot of buzz about some kind of new SPA framework. Over the years, the following frameworks did receive a lot of attention GTW, Knockout, Backbone,Angular 1..and now, a new library has been introduced: React!

Watch again. Notice the subtle difference between the library mentioned in the subtitle vs. the frameworks in the paragraph above? That's right, React is just a library, nothing more. The others are full blown frameworks. Therefore, we can say, something changed in front-end development land. React can for example easily:
  • Integrate with libraries like Redux or Flux.
  • It is not in any way dependent on the react router library.
React is just one small micro-library, which is very good at what it is intended to do: handle the dynamic view layer of your front-end application.
“Ok, if it is just a micro library, why all the goddamn fuzz about it? I want a full blown framework!” “No, you don't!”
Read more
Jonathan's Blog

Blogging about thoughts, experiences and personal life

Jonathan's Blog

Blogging about thoughts, experiences and personal life

Guideline using Travis CI, with Heroku, Istanbul and Codecov
Apr 13, 2016

Losing time with deploying your 'small' projects manually? In 30 minutes you setup an automatic deploy process with this tutorial.
Step by step, but where to start?
The prerequisites for this tutorial are:
  • Your application has a repository on Github.
  • Your application is hosted on Heroku.
Follow the steps below, and you are up in no time:
  1. Link your github repository to your heroku app
  2. Setup a Travis account and link your github project
  3. Add tests and automatically run before deployment
  4. Create automatic testing reports
Travis CI is like a kitchen robot: he does all boring, repetitive but - Ooh soO - important work without you even have to bother!
Read more