Enlarge your

Take the blue pill

IDE

C'est au sujet de quoi qu'est-ce ?

{
  "_i18n": {
    "separator": ", ",
    "and": " et "
  },
  "account": {
    "alreadyUsedEmail": "Cette adresse email est déjà utilisée, veuillez en choisir une autre.",
    "backToHome": "Revenir à l'écran principal",
    "birthDay": "Date de naissance",
    "confirmPassword": "Confirmation du mot de passe",
    "currentPassword": "Mot de passe actuel",
    "deleteAccount": "Suppression de compte",
    "deleteAction": "Supprimer mon compte",
    "deleteText": "Si vous supprimez votre compte, vous ne pourrez plus accéder au service %(appDisplayName)s, et vous perdrez votre espace personnalisé. Nous serions très tristes de vous voir partir...",
    "deleteValidation": "Vous voulez vraiment supprimer votre compte\u00a0?",
    "editMySelection": "Modifiez ici votre sélection de programmes, personnalités et thématiques préférés.",
    "email": "Email",
    "emailNotUpdated": "Votre adresse mail n'a pas été validée, veuillez confirmer le lien envoyé par mail",
    "emailUpdated": "Votre adresse mail est valide",
    "errorDelete": "Une erreur est survenue",
    "firstName": "Prénom",
    "informationUpdate": "Modification des informations",
    "invalidBirthDate": "Date de naissance invalide",
    "invalidCurrentPassword": "Le mot de passe est incorrect",
    "lastName": "Nom",
    "myData": "Mes informations",
    "myPairing": "Synchroniser mon compte",
    "mySubscriptions": "Mes abonnements",
    "newPasswordConfirmationFailed": "La confirmation du nouveau mot de passe a échouée",
    "newPasswordHasToBeNew": "Le nouveau mot de passe ne peut pas être le même que l'ancien",
    "newsletter": "Newsletter %(appDisplayName)s",
    "noted": "C'est noté !",
    "notFilled": "non renseigné",
    "passwordForgotten": "Mot de passe oublié\u00a0?",
    "passwordUpdate": "Modification du mot de passe",
    "passwordUpdateSuccess": "Votre mot de passe a bien été mis à jour",
    "requiredField": "Champ requis",
    "saveData": "Enregistrer les informations",
const AccountDelete = () => (
  <div className="account-content__container">
    <div className="account-delete">
      <h2 className="account-content__title">
        <Trans i18nKey="account.deleteAccount" />
      </h2>
    </div>
  </div>
);

i18n plugin

Extension i18n

  • Tooltip on hover
  • Go to definition
  • Autocompletion

On est partie comme des guerriers

MyPackageView = require './my-package-view'

module.exports =
  myPackageView: null

  activate: (state) ->
    @myPackageView = new MyPackageView(state.myPackageViewState)

  deactivate: ->
    @myPackageView.destroy()

  serialize: ->
    myPackageViewState: @myPackageView.serialize()
declare namespace GreetingLib {
    interface LogOptions {
        verbose?: boolean;
    }
    interface AlertOptions {
        modal: boolean;
        title?: string;
        color?: string;
    }
}

On a étudié le terrain

Package Generator: Generate Package

npm install -g yo generator-code
yo code

On a ouvert les hostilités 

et finalement...

RTF ... Repo ?

Une question ?

Dans le doute, test...

Reload, reload and ... reload again

const {CompositeDisposable} = require('atom')
const subscriptions = new CompositeDisposable()
 
const div1 = document.createElement('div')
const div2 = document.createElement('div')
subscriptions.add(atom.tooltips.add(div1, {title: 'This is a tooltip'}))
subscriptions.add(atom.tooltips.add(div2, {title: 'Another tooltip'}))
 
// remove them all
subscriptions.dispose()

Et voila ! ... à non.

{
  "stars": "********"
}

Mais mais pourquoi !

On a survécu

Github

DEMO

To Do

Autocompletion

Clean & refacto

Clean & refacto

Package

Package

Config

Config

Conclusion

Enlarge your IDE

By nafresne

Enlarge your IDE

Take the blue pill

  • 395