christianalfoni.github.io
christianalfoni WebApp Enthusiast
http://christianalfoni.github.io/javascript/2013/06/23/delegated-drag-and-drop-for-backbone.html
Delegated drag and drop for Backbone. The new blog is now available at www.christianalfoni.com. Full stack web application enthusiast. Running the web standards marathon. Delegated drag and drop for Backbone. To handle passing of data there was no reason to limit it to just strings, like native drag and drop does. So when the drag starts you get access to a data object. You can add properties to it directly or use the set() method to set the data, it either being a new object, a string etc. How you use it.
christianalfoni.github.io
christianalfoni WebApp Enthusiast
http://christianalfoni.github.io/javascript/2014/08/15/react-js-workflow.html
React JS and a browserify workflow. The new blog is now available at www.christianalfoni.com. Full stack web application enthusiast. Running the web standards marathon. React JS and a browserify workflow. I have been working with React JS. For a few days and I must say I am impressed. You can not really compare it to complete frameworks like Angular JS. I updated the boilerplate with better testing and better handling of dependencies. Wrote about it here, React JS and a browserify workflow, PART 2. This ...
christianalfoni.github.io
christianalfoni WebApp Enthusiast
http://christianalfoni.github.io/javascript/2014/01/20/sending-json.html
JSON as data structure between browser and server. The new blog is now available at www.christianalfoni.com. Full stack web application enthusiast. Running the web standards marathon. JSON as data structure between browser and server. Am I not already doing that? It is easy to mistaken the following code:. It sure looks like it, but it is not, it is a JavaScript object. JSON looks like JavaScript objects, but there is one main difference. JSON is a string. And looks something like this:. Also key/value p...
christianalfoni.github.io
christianalfoni WebApp Enthusiast
http://christianalfoni.github.io/javascript/2013/05/20/video-on-middleend-concepts.html
Video on middleend concepts. The new blog is now available at www.christianalfoni.com. Full stack web application enthusiast. Running the web standards marathon. Video on middleend concepts. Github repo is at: https:/ github.com/christianalfoni/middleend-boilerplate. Comments powered by Disqus.
christianalfoni.github.io
christianalfoni WebApp Enthusiast
http://christianalfoni.github.io/javascript/2014/08/29/choosing-the-correct-packaging-tool-for-react-js.html
Choosing the correct packaging tool for React JS. The new blog is now available at www.christianalfoni.com. Full stack web application enthusiast. Running the web standards marathon. Choosing the correct packaging tool for React JS. I have a set up a github project you can take a look at here: react-packaging. It has a small setup for each packaging tool mentioned below. The requirements for each project is:. A good feel for it:. Should not give me any bad feelings. Should transform files with JSX content.
cerebraljs.com
Cerebral
http://www.cerebraljs.com/contributors
The guy who initially started the project. Aleksey always goes straight to the point and there is nothing stopping him from bringing new great features into the project. This guy is the reason we have such a great router in Cerebral. He also decoupled the core project into modules and is responsible for structuring all the repos with standards, commitizen and tests. Adam has solved some core issues with the Chrome Extension and generally involves himself in supporting developers of Cerebral and other dis...
christianalfoni.github.io
christianalfoni WebApp Enthusiast
http://christianalfoni.github.io/javascript/2014/12/13/did-you-know-webpack-and-react-is-awesome.html
Creating a workflow with WebPack. The new blog is now available at www.christianalfoni.com. Full stack web application enthusiast. Running the web standards marathon. Creating a workflow with WebPack. Previously I have written a couple of articles about how to set up a workflow with React JS. The solution provided was browserify. If React JS is not your thing I think you still will get a lot of value out of this article, so please read on. Bundle JavaScript with Common JS (to use components in Node JS).
christianalfoni.github.io
christianalfoni WebApp Enthusiast
http://christianalfoni.github.io/javascript/2014/10/27/my-experiences-building-a-flux-application.html
My experiences building a FLUX application. The new blog is now available at www.christianalfoni.com. Full stack web application enthusiast. Running the web standards marathon. My experiences building a FLUX application. A few months ago I started a project, www.jsfridge.com. Well, that is actually thanks to FLUX and we will get back to that. My first look into React JS and FLUX. My first read on React JS and FLUX was on the Facebook site, Facebook Flux. I also watched the Introduction to React JS. But t...
christianalfoni.github.io
christianalfoni WebApp Enthusiast
http://christianalfoni.github.io/javascript/2014/11/02/flux-with-angular-revisited.html
Using FLUX with Angular JS, revisited. The new blog is now available at www.christianalfoni.com. Full stack web application enthusiast. Running the web standards marathon. Using FLUX with Angular JS, revisited. After writing my initial article about Angular JS and FLUX. I worked on bringing the experiences I had building www.jsfridge.com. To React JS. This also ended up in an article, My experience building a FLUX application. You can have a look at a fiddle. So what is happening here? We add an action.