{"id":6380,"date":"2018-05-29T12:56:01","date_gmt":"2018-05-29T10:56:01","guid":{"rendered":"http:\/\/bluenove.com\/?p=6380"},"modified":"2018-12-05T13:07:01","modified_gmt":"2018-12-05T11:07:01","slug":"we-were-at-react-europe","status":"publish","type":"post","link":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/","title":{"rendered":"We were at React Europe"},"content":{"rendered":"

Bluenove at ReactEurope<\/h1>\n

In the tail-end of 2016, we made the decision to re-write Assembl\u2019s front-end from the ground up with a completely new stack. As a former Backbone<\/a>\/Marionette<\/a> shop, it was vital that we picked a technology that would suit our needs whilst offering us longevity. React<\/a> turned out to be the most appealing project, in conjunction with Redux<\/a> and GraphQL<\/a>, which combined gave our front-end developers the tools needed to re-write the app from the top-down quite quickly.<\/p>\n

Fast forward to 2018, and I had the opportunity to represent Bluenove at React Europe<\/a> in Paris! This year\u2019s conference gave the team confidence moving forward with React. The community has grown tremendously over the last 4 years, and with the latest React 16 update<\/a>, there are tons of new features available to for us to develop performant front-ends.<\/p>\n

Arguably the most exciting news was React Suspense<\/a>. The feature sits on top of React Fiber<\/a>, which allows for asynchronous rendering, and gives the developer the ability to suspend rendering until a given condition is met. It is a new powerful tool that will enable applications to be functional under any conditions. Furthermore, Apollo Client<\/a>, the GraphQL client of choice for Assembl, already supports Suspense out of the box. We can adopt these new technologies by simply importing the latest packages. It\u2019s never been easier to integrate a new technology!<\/p>\n

Throughout the conference, mobile and integration with React was also heavily discussed. React Native<\/a>, the mobile React framework, has now been ported to the web. This completely changes how Javascript developers write React code. The native mobile experience is ported to the web. It\u2019s still highly experimental, but it is a step in the right direction. Furthermore, ReasonML<\/a>, the object-functional language based on Javascript and OCaml<\/a> now supports React! This enables developers to write type-safe, functional code for the web based in React. Fantastic!<\/p>\n

Key takeaway<\/h3>\n

This year, a lot of focus was put on lightning talks, rapid presentations and key learnings from the latest and greatest of React-based projects. Sadly, diving deep into each talk would simply take too long. So, in a brief summary, the React ecosystem has never been stronger, and integrations with React ecosystem is becoming a norm. The big takeaway from the conference was the direction of React. As the framework itself reaches peak popularity, it appears that the developer community has adopted the technology stack and is building tooling and languages which will help to bridge the gap between the various platforms. React is becoming less a front-end only tool, and React Native is becoming less a mobile-only tool. JSX and the philosophy behind React are becoming ubiquitous. The community is aiming to unify the web, mobile, and native OS systems on React. I believe we are going to see React become more than a framework, but a philosophy on which designers and developers can create products with. We at Bluenove cannot wait to see what the future will bring for React and what we can leverage in Assembl!<\/p>\n

\"\"<\/p>\n","protected":false},"excerpt":{"rendered":"

One of our lead developers, Aryan Yazdani, heads to React Europe conference in order to learn about the latest in the React world<\/p>\n","protected":false},"author":1,"featured_media":6438,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-6380","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"\nWe were at React Europe - bluenove<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"We were at React Europe - bluenove\" \/>\n<meta property=\"og:description\" content=\"One of our lead developers, Aryan Yazdani, heads to React Europe conference in order to learn about the latest in the React world\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/\" \/>\n<meta property=\"og:site_name\" content=\"bluenove\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-29T10:56:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-12-05T11:07:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/05\/20180517_100955-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.bluenove.com\/#\/schema\/person\/572b672e96f39e7ee55d8d09100b7e30\"},\"headline\":\"We were at React Europe\",\"datePublished\":\"2018-05-29T10:56:01+00:00\",\"dateModified\":\"2018-12-05T11:07:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/\"},\"wordCount\":510,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.bluenove.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/05\/20180517_100955-scaled.jpg\",\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/\",\"url\":\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/\",\"name\":\"We were at React Europe - bluenove\",\"isPartOf\":{\"@id\":\"https:\/\/www.bluenove.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/05\/20180517_100955-scaled.jpg\",\"datePublished\":\"2018-05-29T10:56:01+00:00\",\"dateModified\":\"2018-12-05T11:07:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#primaryimage\",\"url\":\"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/05\/20180517_100955-scaled.jpg\",\"contentUrl\":\"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/05\/20180517_100955-scaled.jpg\",\"width\":2560,\"height\":1440,\"caption\":\"First day of React Europe\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.bluenove.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"We were at React Europe\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bluenove.com\/#website\",\"url\":\"https:\/\/www.bluenove.com\/\",\"name\":\"bluenove\",\"description\":\"opening organizations:\",\"publisher\":{\"@id\":\"https:\/\/www.bluenove.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bluenove.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bluenove.com\/#organization\",\"name\":\"bluenove\",\"url\":\"https:\/\/www.bluenove.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluenove.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/10\/logo.png\",\"contentUrl\":\"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/10\/logo.png\",\"width\":399,\"height\":114,\"caption\":\"bluenove\"},\"image\":{\"@id\":\"https:\/\/www.bluenove.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bluenove.com\/#\/schema\/person\/572b672e96f39e7ee55d8d09100b7e30\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bluenove.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2547e259dc4e88ef0c122d63f83d8aab?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2547e259dc4e88ef0c122d63f83d8aab?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.bluenove.com\/en\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"We were at React Europe - bluenove","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/","og_locale":"en_US","og_type":"article","og_title":"We were at React Europe - bluenove","og_description":"One of our lead developers, Aryan Yazdani, heads to React Europe conference in order to learn about the latest in the React world","og_url":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/","og_site_name":"bluenove","article_published_time":"2018-05-29T10:56:01+00:00","article_modified_time":"2018-12-05T11:07:01+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/05\/20180517_100955-scaled.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#article","isPartOf":{"@id":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/"},"author":{"name":"admin","@id":"https:\/\/www.bluenove.com\/#\/schema\/person\/572b672e96f39e7ee55d8d09100b7e30"},"headline":"We were at React Europe","datePublished":"2018-05-29T10:56:01+00:00","dateModified":"2018-12-05T11:07:01+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/"},"wordCount":510,"commentCount":0,"publisher":{"@id":"https:\/\/www.bluenove.com\/#organization"},"image":{"@id":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/05\/20180517_100955-scaled.jpg","inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/","url":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/","name":"We were at React Europe - bluenove","isPartOf":{"@id":"https:\/\/www.bluenove.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#primaryimage"},"image":{"@id":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/05\/20180517_100955-scaled.jpg","datePublished":"2018-05-29T10:56:01+00:00","dateModified":"2018-12-05T11:07:01+00:00","breadcrumb":{"@id":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#primaryimage","url":"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/05\/20180517_100955-scaled.jpg","contentUrl":"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/05\/20180517_100955-scaled.jpg","width":2560,"height":1440,"caption":"First day of React Europe"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bluenove.com\/en\/blog\/we-were-at-react-europe\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.bluenove.com\/en\/"},{"@type":"ListItem","position":2,"name":"We were at React Europe"}]},{"@type":"WebSite","@id":"https:\/\/www.bluenove.com\/#website","url":"https:\/\/www.bluenove.com\/","name":"bluenove","description":"opening organizations:","publisher":{"@id":"https:\/\/www.bluenove.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bluenove.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.bluenove.com\/#organization","name":"bluenove","url":"https:\/\/www.bluenove.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluenove.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/10\/logo.png","contentUrl":"https:\/\/www.bluenove.com\/\/wp-content\/uploads\/2018\/10\/logo.png","width":399,"height":114,"caption":"bluenove"},"image":{"@id":"https:\/\/www.bluenove.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.bluenove.com\/#\/schema\/person\/572b672e96f39e7ee55d8d09100b7e30","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bluenove.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2547e259dc4e88ef0c122d63f83d8aab?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2547e259dc4e88ef0c122d63f83d8aab?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.bluenove.com\/en\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.bluenove.com\/en\/wp-json\/wp\/v2\/posts\/6380\/"}],"collection":[{"href":"https:\/\/www.bluenove.com\/en\/wp-json\/wp\/v2\/posts\/"}],"about":[{"href":"https:\/\/www.bluenove.com\/en\/wp-json\/wp\/v2\/types\/post\/"}],"author":[{"embeddable":true,"href":"https:\/\/www.bluenove.com\/en\/wp-json\/wp\/v2\/users\/1\/"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluenove.com\/en\/wp-json\/wp\/v2\/comments\/?post=6380"}],"version-history":[{"count":2,"href":"https:\/\/www.bluenove.com\/en\/wp-json\/wp\/v2\/posts\/6380\/revisions\/"}],"predecessor-version":[{"id":7678,"href":"https:\/\/www.bluenove.com\/en\/wp-json\/wp\/v2\/posts\/6380\/revisions\/7678\/"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluenove.com\/en\/wp-json\/wp\/v2\/media\/6438\/"}],"wp:attachment":[{"href":"https:\/\/www.bluenove.com\/en\/wp-json\/wp\/v2\/media\/?parent=6380"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluenove.com\/en\/wp-json\/wp\/v2\/categories\/?post=6380"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluenove.com\/en\/wp-json\/wp\/v2\/tags\/?post=6380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}