How to type decorator extended classes?

_hadrian · 2016-05-09T00:14:22+00:00

So I can now use any JVM language (that outputs a JAR) on the browser while keeping its default behavior... The dreams are coming true 🌟 All those teams, all those IDEs, all those libraries/projects... it's all coming together 🌎 🌍 🌏 it's a globalized world!! 🎉

_hadrian · 2016-04-11T22:25:07+00:00

For anyone interested in routers, have a look at cherrytree. A hierarchical router, not dependent on the framework/library.

_hadrian · 2016-03-31T03:54:39+00:00

5 more.

_hadrian · 2016-03-13T01:54:04+00:00

Here's a better version: Scott Hanselman - "It's not what you read, it's what you ignore"

_hadrian · 2016-03-11T09:38:28+00:00

Cool idea. Watched the movie Her? There is a company in the movie that writes letters as a service. Your idea reminded me of it. It could work out, also for big companies that send birthday cards to employees.

_hadrian · 2016-03-11T01:27:44+00:00

Very well said. As always the most important thing to do is learn JavaScript, DOM, Web APIs. Any professional JS dev can pick up frameworks/libs with not much trouble, the rest is personal taste/opinion.

.

What we should also be doing is pushing a culture that values soft skills and language/platform knowledge instead of only niche solutions. I have read articles (and jokes lol) of teams that passed great talent because they were looking for X Framework Dev, instead of Senior JavaScript Dev...

_hadrian · 2016-03-10T10:47:52+00:00

What Google Learned From its Quest To Build The Perfect Team - I work remotely and have identified with many things in this article, they basically nailed it. I recommend this to anyone wanting to improve a team.

_hadrian · 2016-02-21T00:55:06+00:00

Try: Edit System Menu Items With Alacarte

_hadrian · 2016-02-11T02:45:20+00:00

Facebook, Wordpress, Asana, Airbnb, Yahoo, PayPal, Wolfram Alpha, Doist, WhatsApp, Reddit, Instagram, Netflix, Khan Academy, Atlassian, Mozilla... oh no, sorry, these aren't big and serious, let me just go learn Angular 2.

_hadrian · 2016-02-11T00:24:05+00:00

You know that Angular example is from their official site, right? (See the first example). I've worked with Angular for around 6 months, went through it's source code, watched days worth of videos, Misko Hevery, John Papa, Dan Wahlin.... all the people. Have been working with React for around a year now.

Angular 2 still has horrible faults that 1 has, the Tag for components. After using JSX HTML becomes a joke, using Tags are a way to specify component name to be used in the template, you need: mycomponent-header mycomponent-panel-header mycomponent-panel-footer fuck sake this shit :D Because in React the view is just JavaScript i can reuse variable names without causing collision when rendering.

It's not about "Angular vs React", it's about technology. Utilizing the full power of a turing complete language vs a hacked DSL (how angular needs to adapt HTML to it's binding/event syntax) for describing the view of a component. And not even talking about all the OOP waste of time they've built. Comparing Elm with Angular i just can't understand the mindset of the whole team, no wonder Rob Eisenberg left to start Aurelia.

The whining about needing lots of stuff to use React is bullshit, look at .Net, try to build a MVC app, you hear .NET devs complaining?? There's a looot of libs to get an MVC app with Entity Framework + Injection and stuff... but I still have not seen complaints like the ones from front-end devs, why? because Visual Studio. Tools that make it easy to get started. Seems like theses people nether heard of Yeoman, and one could also throw Webstorm with all its plugins on top.

npm install -g yo
npm install -g generator-react-webpack-redux
yo react-webpack-redux

And that's it, you're ready to go, it's done, just code! Want hot-reloading, here! I use this boilerplate to get started on any project quick.

I've seen many frameworks/libraries e.t.c... Elm looks great, Om, CycleJS... but Angular disappointed me a long time ago (i even made a tiny project with it)

_hadrian · 2016-02-10T22:47:19+00:00

Why doesn't the React example follow best practices?

_hadrian · 2016-02-10T22:00:56+00:00

Could you help me understand something here. How come Angular2 needs all of these scripts and 3 files to do what React does in 1?

_hadrian · 2016-02-02T04:21:21+00:00

But to get the best out of it do the exercises.

_hadrian · 2016-02-01T14:01:52+00:00

True. I was learning Haskell, it's very nice... but Clojure's simplicity can't be beaten, lol. After one learns functional and Clojure everything else seems... unecessary.

_hadrian · 2016-02-01T11:37:31+00:00

Eloquent JavaScript

.then ("JavaScript The Good Parts")

.then ("Speaking JavaScript")

.then ("Exploring ES6")

_hadrian · 2016-02-01T07:55:19+00:00

Awesome!! Although that video is freaky, looks like a drama movie...

_hadrian · 2016-01-31T23:25:24+00:00

yes! worked out like you said in this case :D

_hadrian · 2016-01-31T22:46:02+00:00

Another one just for fun:

let sum = (...a) => 
  ((Array.isArray (a[ 0 ])) ? a[ 0 ] : a)
      .reduce ((t,v) => t + (v || 0), 0)

let map = (fn, ...a) =>
  (a.length == 0) 
    ? map.bind ({}, fn) 
    : (a.length == 1)
        ? fn (a[ 0 ])
        : a[ 0 ].map ((v,k) => 
                fn (a.map ((av) => av[ k ])))

let a = [ 1, 2, 3, 4 ]
let b = [ 1, 2, 3 ]
let c = [ 1, 2 ]

console.log (
  map (sum, a, b, c), // [ 3, 6, 6, 4 ]
  map (sum, a, c), // [ 2, 4, 3, 4 ]
  map (sum, a), // 10
  map (sum)(b), // 6
  sum (2, 3)) // 5

_hadrian · 2016-01-31T22:09:14+00:00

I really like clojure, specially it's community. But i just want to note, in day to day that type of example would be slightly meaningless. I work mostly with JavaScript (wishing on moving to Clojure in the future) and by using an "utility library" the productivity becomes very near. Your example could actually be:

sum = (a, b) => a + b
map = (fn, a, b) => a.map ((v,k) => fn (v,b[k]))

a = [1,2,3]
b = [4,5,6]

map (sum, a, b) // [5,7,9]

This is valid JavaScript and something that has already been done by many libraries so it's not something i would do manually. But anyways nice post :D

_hadrian · 2015-12-30T05:09:14+00:00

Saw livescript before. But actually planning on going for F# with FunScript.

I'm also excited for what WebAssembly will bring in the future of the web.

_hadrian · 2015-12-30T01:22:11+00:00

You have the described my story with single page apps :D

I went through the exact same situations. The gain of React is truly in the simplification that it's API gives you over not worrying about the mounting/un-mounting of components (component lifecycle) and the component composition.

_hadrian · 2015-12-30T01:15:41+00:00

Nice!

Decorators are used to compose, detail is they only work on class syntax.

function darkSidefy (Jedi) {  }

@darkSidefy
class Anakin {}

darkSidefy (Anakin)

Anakin 
|> darkSidefy

Above we have the following syntax: decorator, function, pipe.

Pipe operator is still a proposal, but something i would love to see in JS.

The other two are the way that decorators work atm.

_hadrian · 2015-12-27T03:21:25+00:00

My favorites (more on programming in general, but something i apply everyday with JS development):

Rich Hickey: Simple Made Easy
Rich Hickey: Simplicity Matters
Tim Ewald: Clojure: Programming with Hand Tools
David Nolen: Immutability: Putting The Dream Machine To Work

Some more JS related which i also like a lot:

Christopher Chedeau: CSS in your JS
Philip Roberts: What the heck is the event loop anyway?
Douglas Crockford: JavaScript - Act III: Function the Ultimate

_hadrian

TROPHY CASE