Tout le monde sait

comment utiliser

Angular / React / Vue.js ...

 

Mais savez-vous comment utiliser JavaScript ?

@Nathan_damie / @AurelienLoyer

JavaScript

@Nathan_damie / @AurelienLoyer

Nathan

Aurélien

@Nathan_damie

@AurelienLoyer

t3kstiil3

nathanDM

We think we know everything about Javascript

Javascript cool behaviors

Type conversion

 Type inference

Autoboxing

Comparison

Block

Label

You should know it !🤓

IEEE 754 🧐

ECMAScript 2015

Rest / Spread

function getUsers() {
    this.users = []

    fetch('/url/user.json')
        .then(resp => resp.json())
        .then(users => getUsersInfos(users))
        .then(users => users.filter(user => user.connected === true))
        .then((users) => {
            this.users = users
        });
}

Promise / Arrow

Proxy

const handler = {
    get:(obj, prop) => {
        return prop in obj ? obj[prop] : 37;
    }
};

const p = new Proxy({}, handler);
p.a = 1;
p.b = undefined;

console.log(p.a, p.b); // 1, undefined
console.log('c' in p, p.c); // false, 37

You should know it ! 🤓

Framework ⚙️

Some Thoughts on Choosing the Best JavaScript Framework for Your Project

JavaScript frameworks, why and when

to use them

SHOULD YOU EVER USE A JS FRAMEWORK?

Why you shouldn’t spend one more second choosing a
JavaScript framework ?

All

JavaScript frameworks are terrible

Vanilla.js and the future of framework?

Theory 📖

Scope

Needs

Team

Budget

Interest

Quality

...

Complexity

Community

Update

Reality 🎬

I will start an Angular project for "myClient.com"

I already know Angular

I will not make 400 bindings manually

I chose Angular for my CV

I really want to try Polymer

I want performance NOW !

I found the solution on Stackoverflow

2nd Generation Framework ⚙️

Entreprise requirements first !

  • Performance optimization
  • Responsive Design
  • Accessibility / Internationalization
  • Security
  • ...

So why a framework ?

🤷🏼‍♂️

👯‍♂️  You don't have your team yet

 

🎯 You still don't really know your needs

 

🚀You are still challenging your idea (MVP)

Should I really choose now ?

VANILLA

You already know everything about javascript !

Technical stuff 🎯

  • Binding

  • Templating

  • Routing

  • ...

Remember

 " I will not make 400 bindings manually "

You need binding ?

Do it !

You need templating ?

Do it !

You need routing ?

Do it !

And now 🤷‍♀️ ?

Complexity

Real expression of needs

Let's choose now ?!

Vanilla code

Easy to migrate !

Fall in love with the problem, not your solution

A man in the street

Better than ...

I wanted to go fast

Pimp my Framework

To much pimp...

...bad Idea

  • No more update
  • No more community
  • Lost concept
  • Hard to share knowledge

Now I understand !

& have fun !

 

We could also talk about

  • Web components

  • "For" directive

  • "If" directive

  • etc...

⚠️

We don't make a "framework"  !!!

@AurelienLoyer

@Nathan_damie

JS

Tout le monde pense savoir utiliser

Angular / React / Vue.js ...

 

Mais connaissons-nous vraiment  JavaScript ?

@Nathan_damie / @AurelienLoyer

THANKS 👏🏼

Tout le monde sait comment utiliser Angular / React / Vue.js ... Mais savez-vous comment utiliser JavaScript ?

By Aurelien Loyer

Made with Slides.com

Tout le monde sait comment utiliser Angular / React / Vue.js ... Mais savez-vous comment utiliser JavaScript ?

Aujourd’hui tout le monde connait les frameworks Angular, React Vuejs, mais savez-vous utiliser Javascript ? Savez-vous modifier votre framework favori, comprendre comment fonctionne un binding , comment fonctionne un router ? Et pourquoi utiliser un framework pour un simple POC alors que parfois il est si simple de revenir aux sources ? Et si on se posait les bonnes questions ?https://github.com/T3kstiil3/vanilla

  • 2,921

More from Aurelien Loyer