1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([["31512"],{70328:function(e,t,n){n.r(t),n.d(t,{assets:function(){return u},contentTitle:function(){return i},default:function(){return l},frontMatter:function(){return s},metadata:function(){return a},toc:function(){return c}});var a=n(37067),r=n(62540),o=n(43023);let s={layout:"post",title:"React on ES6+",authors:"steven_luscher",date:new Date("2015-06-07T17:00:00.000Z"),categories:"announcements",share_text:"React on ES6+",guest_post:!0,guest_description:'This is a guest post from Steven Luscher. Steven works on Relay at Facebook \u2013\na JavaScript framework for building applications using React and GraphQL.\nFollow Steven on <a href="https://instagram.com/steveluscher/">Instagram</a>, <a href="https://github.com/steveluscher">GitHub</a>,\nand <a href="https://twitter.com/steveluscher">Twitter</a>.\n'},i,u={authorsImageUrls:[void 0]},c=[];function h(e){let t={a:"a",p:"p",...(0,o.R)(),...e.components};return(0,r.jsxs)(t.p,{children:["While redesigning ",(0,r.jsx)(t.a,{href:"https://instagram.com/instagram/",children:"Instagram Web"})," from the inside out this year, we enjoyed using a number of ES6+ features to write our React components. Allow me to highlight some of the ways that these new language features can change the way you write a React app, making it easier and more fun than ever."]})}function l(e={}){let{wrapper:t}={...(0,o.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(h,{...e})}):h(e)}},43023:function(e,t,n){n.d(t,{R:function(){return s},x:function(){return i}});var a=n(63696);let r={},o=a.createContext(r);function s(e){let t=a.useContext(o);return a.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),a.createElement(o.Provider,{value:t},e.children)}},37067:function(e){e.exports=JSON.parse('{"permalink":"/blog/2015/07/07/react-on-es6-plus","source":"@site/blog/2015-07-07-react-on-es6-plus.md","title":"React on ES6+","description":"While redesigning Instagram Web from the inside out this year, we enjoyed using a number of ES6+ features to write our React components. Allow me to highlight some of the ways that these new language features can change the way you write a React app, making it easier and more fun than ever.","date":"2015-06-07T17:00:00.000Z","tags":[],"readingTime":4.95,"hasTruncateMarker":true,"authors":[{"name":"Steven Luscher","url":"https://twitter.com/steveluscher","key":"steven_luscher","page":null}],"frontMatter":{"layout":"post","title":"React on ES6+","authors":"steven_luscher","date":"2015-06-07T17:00:00.000Z","categories":"announcements","share_text":"React on ES6+","guest_post":true,"guest_description":"This is a guest post from Steven Luscher. Steven works on Relay at Facebook \u2013\\na JavaScript framework for building applications using React and GraphQL.\\nFollow Steven on <a href=\\"https://instagram.com/steveluscher/\\">Instagram</a>, <a href=\\"https://github.com/steveluscher\\">GitHub</a>,\\nand <a href=\\"https://twitter.com/steveluscher\\">Twitter</a>.\\n"},"unlisted":false,"prevItem":{"title":"6.0.0 Released","permalink":"/blog/2015/10/29/6.0.0"},"nextItem":{"title":"Function Bind Syntax","permalink":"/blog/2015/05/14/function-bind"}}')}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.