Tuesday, May 26, 2015

SurviveJS - Site is Up!

I've been developing a static site generator known as Antwar for a while with Andreas Eldh. The project is based on Webpack and React. Two of my favorite technologies. We started from pioneering efforts of Brad Denver and have progressed quite far from that.

As I needed site for my upcoming book and I have to build some momentum behind the release, I decided to build a little site around the content. This was the perfect excuse to push Antwar further. The current development version is more than just a blogging engine. Now it supports multiple sections and uses versatile data mapping (ie. for book content). We'll fold the functionality I developed for the site in the next major release.

To see what can be achieved using the technology, check out survivejs.com. I know there are a lot of smaller issues to fix but sometimes you just have to get something out. Perfection can be attained later. I hope you enjoy the online version of the book. There are some interesting times ahead.

Sunday, May 17, 2015

SurviveJS - Webpack and React - Featured at Leanpub

I've made some solid progress since my previous post about my upcoming the Webpack and React book. Even though I haven't started promoting it yet Leanpub decided to feature it! So if you head there now, you'll see something familiar at their front page. If you haven't picked a copy yet and want to support the project, this is a good chance to pick up a copy at a reduced price.

Despite initial rejection by publisher perhaps going forward with this little project wasn't that bad an idea after all. I've received a lot of positive feedback and it feels there's some serious momentum behind the project. The book is literally being drawn out of me. It has been very encouraging to get direct feedback from readers! I hope to keep it up and get the best book I can out there.

To keep the scope manageable I decided to split the content into "core" and "extra" chapters. The initial version will contain core chapters. The completion of extra chapters depends on whether it will make sense financially. You can get a better idea of the plan by checking out my progress tables.

If the book sells and there's demand, I have no problem turning this into something serious! I have a feeling a lot of good could come out of that. So far working on the book has been a fun experience. I might do a few things differently now but you live and learn.

Thursday, April 30, 2015

Linkdump 25 - Personal Development, Software Development, Gaming, Hardware...

It's time to break your browser again. If this isn't enough, remember to check out the previous linkdump.

Business


Personal Development


Software Development


Tools


Opinions


Techniques


Testing


Software Design


Web Development


Tools


Libraries


CSS


React.js


Webpack


UX


UI


Conversion Optimization


Gaming


Demoscene


Hardware


Software


Food


Art

Friday, April 17, 2015

SurviveJS - Webpack and React - Sneak Peek

I've been working for a while on a book about Webpack and React. They are interesting up and coming technologies that work well together. In the book I develop a little Kanban application. In the process you'll learn about the technology and see how to apply it in practice.

If you are interested in frontend development, check out the online version. The project source is also available. I hope you check it out and spread the word!

The book is still work in progress. This is a good chance to help me develop the content further and I welcome feedback. Minimal financial support wouldn't hurt either.

Enjoy the book!

Wednesday, April 1, 2015

react-ellipsify - Simple ellipsis for React.js

For some reason I couldn't find a nice ellipsis library for React.js so I ended up developing my own. Check out react-ellipsify. It has the basic functionality you might expect (controls over amount of items to show, separator to use and so on).

This can be useful if you want to temporarily hide some content (good UX). It might be fun to add animations etc. later on if there is interest.

Compared to a jQuery version I developed earlier, it was much faster and more fun to develop the React one. There's less code and it's easier to understand. Only traversal code is complex but that cannot be avoided here. Have fun ellipsifying!

Friday, March 27, 2015

Why to pick ESLint over JSLint, JSHint and co.?

Given it's so easy to screw up things with JavaScript, a little discipline goes a long way. Linting is one of those techniques that will simplify your life a lot with a minimal cost. It is possible to integrate the linting process into your editor/IDE. This will allow you to fix potential problems before they become actual issues. It won't replace testing but it will simplify your life and make it more boring. Boring is good.

Why ESLint then? It allows you to develop custom rules. Better yet there is a nice set of rules available for React! This is a good reason alone to give ESLint a serious look if you develop using React.

I've got a basic setup at react-component-boilerplate. It is a little boilerplate I designed to make it easier to develop React components for public consumption. I have tried to integrate what I consider best practices to it. The boilerplate relies heavily on Webpack and provides goodies such as hot reloading and a starting point for Jest tests. These things alone made it worth it for me to develop it.

Even though a young project, ESLint shows a lot of promise already. As people have written a lot about the topic already, I won't do the same. Consider the following starting points if you are interested:


I cannot think of a good reason why not to lint your code. It's just one of those things you should set up as that will help to avoid a massive amount of headache over longer term.