Chaque semaine, nous partageons les actualités tech qui ont retenues notre attention.
UX / UI, développement frontend & backend, gestion de projet, Agile, DevOps, IA, IoT ou encore AR/VR, font parti des sujets qui nous intéressent.
React native
Nous commençons la semaine par un super tuto pour reproduire le launch screen animé de Twitter ou encore de Blablacar.
Le tuto est publié sur le blog de React native par Eli White (Software Engineer at Facebook).
Eli nous apprend à utiliser le composant MaskedViewIOS qui est un composant natif de RN, disponible seulement sur iOS.
A vos claviers !
Le nouveau API Context de React expliqué par Kent C. Dodds (TC39, PayPalEng, eggheadio)
Suite à la création d’un repo spécial RFC (request for comments), un membre (@acdlite) a proposé une nouvelle implémentation pour cette fonctionnalité qui était jusqu’alors instable, bien qu’utilisée par de nombreuses librairies (react-redux, react-router …).
Une longue discussion a suivi et après quelques mises au point, la nouvelle version du Context de React a été implémentée puis mergée. Cette nouvelle fonctionnalité sera, on l’espère, disponible dans la prochaine version de React 16.
Javascript
Une version libre de SimCity 2000 réalisée en HTML5 et Javascript.
Même si elle ne permet pour l’instant que d’importer et visualiser des villes, cette version de SimCity 2000 a le mérite d’être libre et portable. Elle utilise les canvas pour l’affichage, SQLite pour le stockage et Electron pour la portabilité.
Progressive Web Apps
Après l’annonce récente de Safari , c’est au tour de Microsoft Edge de supporter les PWA.
Une annonce importante d’autant plus que Microsoft va intégrer les PWA directement dans son store.
Pour rappel, les PWA sont des applications web qui offrent un support offline grâce au Service Worker et l’API Cache.
Ces applications peuvent également s’intégrer à l’écran d’accueil des smartphones et tablettes sans passer par un store.
Elles utilisent pour cela le Web App Manifest qui leurs permettent de définir une icône, une couleur de background ou encore le mode d’affichage (normal ou fullscreen). Grâce aux nombreuses fonctionnalités du navigateur auxquelles les PWA ont accès (notification push, payment, recording, geolocation, bluetooth etc..), ce sont des vraies concurrentes aux applications natives.
Display
Depuis le 28 novembre 2017, agissant en accord avec le règlement général sur la protection des données (GDPR), l’Interactive Advertising Bureau (IAB) met en place un nouveau standard technique permettant un meilleur contrôle des autorisations utilisateurs.
Ce nouveau standard, qui devrait entrer en vigueur courant mai 2018, autoriserait, d’une part, une meilleure visibilité sur la façon dont les données utilisateurs sont prélevées et utilisées, en donnant plus d’options sur le type de donnée que les consommateurs acceptent de divulguer ainsi que la possibilité de voir à qui elles vont profiter; et d’autre part de permettre aux différents acteurs du marché de gérer et croiser les demandes d’autorisations avec des listes de participants de la chaîne de diffusion de la publicité digitale, du marketing aux agences pub ou aux régies.
Design
Brad Frost tells us that a Sketch Library IS NOT a design system because it’s made with frontend developers
9 points pour commencer l’animation, rapidement.
Lottie, le nouvel outil d’animation de Airbnb pour Android, iOS et React Native