React Native : je continue mes essais !

Ma première application mobile React Native

Comme je l’avais évoqué ici, je m’intéresse au développement cross platform, et plus particulièrement à la prometteuse technologie React Native.

Et, grâce au super cours d’Open Classroms, (un giga merci à eux), j’ai pu, après beaucoup de transpiré du cerveau, avoir la joie de faire fonctionner ma première application React Native !

Bon, ce n’est pas grand chose, un petit pas dans Javascript, mais un grand pas pour moi !

Lorsque Microsoft à proposé gratuitement Visual Studio et Xamarin, j’avais déjà tenté la programmation cross platform… et n’avais pas été très enthousiasmé : courbe d’apprentissage rude à mon goût, passage en langage natif tôt ou tard incontournable, temps de compilation ++ …

Mais là, j’ai été bluffé ! J’ai eu un coup de foudre technologique 🙂

La technologie est encore jeune, c’est clair, et je ne suis pas prêt de l’utiliser de manière professionnelle, mais c’est vraiment prometteur !

Le plus bluffant est l’absence de la phase de compilation (merci Javascript) : le résultat d’un changement du code est visible immédiatement sur le device ou la MV (merci Expo). Impressionnant.

Pour le debug, pour le moment, je ne suis pas vraiment à l’aise… Comme « IDE », j’utilise « Atom« , et je n’en ai pas encore exploré toutes les possibilités.

Niveau apprentissage, c’est clair que j’ai du boulot ! Je suis pas près d’être aussi performant qu’en Swift ! Mais ce n’est pas le but pour le moment. De toutes façons, je n’ai pas trouvé comment faire d’appli pour l’Apple Watch alors…

Pour les curieux, voici le code source sur FramaGit (soyez tolérants, c’est mon premier programme en JS :

https://framagit.org/VinceBar/MoviesAndMe.git

Et comme d’habitude, si vous avez des questions, suggestions… commentez !

Quant à moi, je sens que je vais passer quelques we à faire du React Native !

 

Une application dédiée à la pratique du canoë, du kayak…

PhotoKayakChuteEau.png

Allez, cette fois, c’est parti pour le développement d’une nouvelle application mobile iOS. Je n’ai pas encore le nom définitif, et je ne peux pas encore trop en dire…

Sachez juste qu’elle est dédiée aux pratiquants de sports nautiques en rivière tels que le kayak, le canoë, le rafting, standle padle… et qu’elle sera compatible Apple Watch.

Au programme, WatchKit, MapsKit, CoreData, gps sur iPhone et Apple Watch 3, Alamofire, API REST…

Un peu de travail en perspective…

Allez, pour vous faire saliver, l’écran principal :

kayak - iphone

 

Je mettrai la suite au fur et à mesure de l’avancée !

Comment installer React Native sur Mac…

react-native

Pour changer un peu de la programmation iOS, j’ai décidé de jeter un oeil à React-Native

Pour ceux qui ont hiberné ces 2 dernières années, React-Native est un projet initié par Facebook qui est open source, et qui nous fait la promesse de pouvoir enfin développer des application cross-platform aussi efficaces que des applications natives. Dans la même optique, j’avais déjà essayé Xamarin, mais je n’avais pas vraiment été convaincu (à un moment ou un autre, il fallait toujours passé en langage natif).

Voici donc le premier d’une série d’articles concernant React-Native, et pour commencer, nous allons parler de l’installation, qui n’est pas forcément une mince affaire…

Lire la suite

Alamofire POST Tutoriel

Voici la suite de mon précédent tutoriel concernant Alamofire. Cette fois, on attaque la partie « POST ».

Pour cet exemple, j’ai créé une petite application de to-do, dont le source est sur FramaGit : https://framagit.org/VinceBar/MyToDoList

Autant il est relativement simple de trouver des API’s gratuites pour faire du GET, autant trouver des API’s ouvertes pour du POST est compliqué. D’ailleurs, si vous avez des infos là dessus, n’hésitez pas à me les mettre en commentaire ! J’ai cependant trouvé ce site : https://jsonplaceholder.typicode.com/ , avec plus d’infos ici : https://github.com/typicode/jsonplaceholder

Il en découle ceci : les ressources ne sont pas réellement mises à jour sur le serveur, mais celui-ci « fait comme si ». L’application d’exemple n’est donc pas pleinement fonctionnelle (vous ne pourrez pas réellement ajouter ou effacer de to-do), mais le serveur simulera l’action. Tout l’intérêt de l’application se trouve dans les méthodes utilisées pour gérer les différentes actions d’Alamofire.

Allez, entrons dans le vif du sujet !

Lire la suite

Ma découverte de Sketch

Artboard

En tant que développeur mon travail consiste à résoudre de la manière la plus élégante possible un problème donné, et de faciliter au maximum la vie aux futurs utilisateurs de mon programme…

D’ailleurs, les développeurs facilitent tellement la vie des utilisateurs que nous devrions être remboursés par la sécu 😉 … enfin, je m’égare…

En développement d’application iOS, quand on a la chance de travailler avec un designer et un cahier des charges précis, tout va bien. Il reste « juste » à coder proprement.

Mais parfois, le client n’a ni designer, ni idée précise du rendu final de l’appli…

Pourtant, il faut bien l’admettre, vous pourrez écrire le plus beau code du monde, si l’interface de l’application est pourrie, et bien cela donnera une application pourrie !

Sans designer, les itérations avec le client concernant l’interface peuvent alors être une source non négligeable de pertes de temps et de frictions…

deleteDesign

Mais j’ai découvert Sketch : https://www.sketchapp.com/

Ce logiciel et ses nombreuses extensions permettent de travailler sur le design de l’appli, de simuler la navigation entre les écrans (y compris sur device physique), de créer de jolies icones et boutons, et surtout d’exporter tout cela pour les intégrer dans Xcode.

ex :

logo_icon

Bon, le seul problème, c’est qu’il nécessite quand même un certain apprentissage…

Je suis en train de me former dessus, et promis, je vous fait un (ou plusieurs) tutos dès que je maitriserai la bête !

Un grand merci à https://la-cascade.io/ pour ses supers tutoriels !