React et Redux par la pratique

Angular et React sont les meilleurs ennemis sur les forums ... de ceux qui ne connaissent que l'un ou l'autre. Pourtant, être en mesure de choisir en connaissance de cause plutôt que de se limiter à l'un ou l'autre serait plus rationnel. Au lieu de passer des heures à lire des…

Ionic 3 : dossier 'src' manquant

Après la sortie de Ionic 3 et une mise à jour de Node.js (passage à la version 7.10) pour des raisons indépendantes de mon utilisation de Ionic, j'ai constaté que la génération de projets Ionic 3 était incomplète : le si important dossier 'src' était manquant sur mon PC…

React Router v4 dans le cadre d'une SPA

En premier lieu, il faut utiliser react-router-dom et pas react-router, comme je l'ai fait intuitivement : nmp install --save react-router-dom Pour le reste un exemple de mon index.js vaut mieux qu'un long discours : import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter as Router, Route, Link } from 'react-router-dom' import…

Ionic 3

Ca recommence ? Va-t-il falloir tout réapprendre ? Non ! Le passage de Ionic à Ionic 2 a nécessité de (presque) tout réapprendre. Celui d'Ionic 2 à Ionic 3 sera bien plus aisé. Pour faire un parallèle avec Angular sur lequel est toujours basé Ionic, le fossé entre AngularJS à Angular 2 se…

Node.js et Express.js par la pratique

Cette nouvelle formation vous permettra d'apprendre à développer une application web à l'aide de Node.js et du framework Express.js. Ainsi, nous verrons ensemble comment : créer une application web en quelques minutes comprendre les requêtes que votre serveur recevra et les réponses qu'il enverra récupérer les paramètres passés dans…

Angular 4 est en version finale

Depuis ce jeudi 23 mars 2017, Angular 4 ... ou plutôt Angular V4.0.0 est en version finale. Comme annoncé, les changements sont sans commune mesure avec ceux que nous avons vécus en passant d'AngularJS à Angular V2. Très peu de breaking changes Migrer une application d'Angular V2.x à…

Dexie : le wrapper qui facilite grandement l'utilisation d'IndexedDB

Bien que pratique, localStorage ne devrait pas être utilisé pour persister les données d'une application mobile hybride vouée à être poussée en production. Le contenu de localStorage peut en effet être supprimé sur un device dont l'espace disque commence à être très faible. IndexedDB est ainsi plus sûr. Mais ses…

Unable to load transpiler to transpile

Après avoir vérifié et revérifié mon code, je continuais à avoir le problème suivant Unable to load transpiler to transpile http://localhost:3000/app/common/bla.js Error loading http://localhost:3000/app/common/bla.js as "./common/bla" from http://localhost:3000/app/app.module.js Error loading http…

Problème d'installation Cordova et Ionic : npm ERR! enoent ENOENT: no such file or directory, rename

L'installation de Cordova et Ionic se passe généralement bien et en une seule ligne npm install -g cordova ionic Mais parfois, un fichier ou un répertoire semblent manquer et font échouer l'installation pourtant partie pour être une simple formalité : npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall…

TypeScript 2.2 : encore plus d'aides au développeur

TypeScript 2.2 ajoute quelques bonnes "code actions", qui vont permettre la correction d'erreurs et soulager le développeur des opérations fastidieuses telles que l'ajout : d'imports manquants de propriétés manquantes the 'this.' manquants et la suppression de déclarations qui ne sont pas utilisées. La suggestion du code (l'"intellisense" de…

Lancement de "Ionic 2 pour les développeurs pressés"

La série "Ionic 2 pour les développeurs pressés" a débuté. Les 16 vidéos en ligne permettent d'ores et déjà : de configurer son environnement de créer son premier projet d'en comprendre en détail la structure de bien prendre en main l'excellente documentation de Ionic 2 de générer de nouvelles pages de…

Expression has changed after it was checked

ngAfterViewInit(){} est le lifecycle hook qui permet de s'abonner à un Observable par exemple mais PAS de modifier des données après que la vue ait été initialisée (d'où le " after view init"). Tenter de modifier les données mises à disposition par un component enfant auquel on accéderait depuis TypeScript à…