React JS France #1 - Meetups. 08 Dec 2014 Premier meetup React, organisé par Deezer et Altima, chez Deezer.
Bon panel de speakers pour une première, avec Matthias Lebrun d'Altima, Yannick Croissant de Deezer et Christopher Chedeau de React (Facebook). React, où comment simplifier la conception d'UI On commence par Matthias qui nous fait une intro à React pour ceux qui ne connaissent pas. Ça tombait bien, je ne connaissais pas et ça m'a bien donné envie d'essayer. Le principe de React est de simplifier la conception des UI, où tout est devenu trop compliqué au fil des années. Avec React, tout est un composant. Le composant possède aussi un état, une liste de variables internes qu'il peut modifier en réponse à certaines actions de l'utilisateur ou recevoir depuis un parent. Le moteur de template de React utilise une syntaxe jsx, qui est croisement entre du XML et du Javascript, ce qui fait un peu peur au premier abord. Du coup, on a un vrai moteur de template, qui est tout simplement du js. Isomorphic JS React, CSS in JS. We Tested How Googlebot Crawls Javascript And Here's What We Learned.
REACTJS MEET UP : DONE ! - front end, news. Vous n’avez pas pu assister à notre meet up du Lundi 8 décembre ?
C’est dommage car c’était un bel événement ! 100 invités, des intervenants applaudis de tous… On peut dire que le premier Meet up React JS France fut une belle réussite. Vous aimeriez savoir ce qui a été dit sur React ? Retrouvez l’introduction de Matthias Lebrun (@bloodyowl), lead front-end chez altima° : ici Projet Isomorphique avec ReactJS de Yannick Croissant (@yannickc), développeur front-end Deezer : ici Ecrire son CSS en JS de Christopher Chedeau (@vjeux), ingénieur front-end Facebook : ici. OSCON - React Architecture. Isomorphic Application with ReactJS by Yannick Croissant. Feedbacks on my Isomorphic app using React and ES6. This post is about a three steps project I initiated a few weeks ago.
I completed the previous step about two weeks ago, so feel free to read my blog post about the front-end part : “Playing with ES6 (and React)”. Before going further, a quote from stackoverflow (this is the most concise I found) : Isomorphic web sites can be run on both the server and in the browser. They grant code reuse, seo, and page load speed boosts while still having an interface written in JS. node.js is most often used for the server javascript-engine. Initial Goal My challenge was to make an isomorphic app, using React and ES6 : Project Steps I split the project into three parts : Try the app (there is an about page that will help you understand the difference between the two projects).
Give it a try ! Feedbacks NodeJS / ES6 When you developed your React components in ES6, to run them server-side, you can’t just use require('node-jsx').install() (to make node understand .jsx files). NodeJS / Webpack. Isomorphic JavaScript: The Future of Web Apps. By Spike Brehm This post has been cross-posted on VentureBeat.
At Airbnb, we’ve learned a lot over the past few years while building rich web experiences. We dove into the single-page app world in 2011 with our mobile web site, and have since launched Wish Lists and our newly-redesigned search page, among others. Each of these is a large JavaScript app, meaning that the bulk of the code runs in the browser in order to support a more modern, interactive experience. This approach is commonplace today, and libraries like Backbone.js, Ember.js, and Angular.js have made it easier for developers to build these rich JavaScript apps. JavaScript Grows Up Since the dawn of the Web, the browsing experience has worked like this: a web browser would request a particular page (say, “ causing a server somewhere on the Internet to generate an HTML page and send it back over the wire.
The Single-Page App Trouble in Paradise Performance Maintainability A Hybrid Approach Isomorphic JavaScript in the Wild Routing.