React v16.2.0: Improved Support for Fragments

React 16.2 is here:  - the biggest addition is support for

  • To make the authoring experience as convenient as possible, we’re adding syntactical support for fragments to JSX: – – In React, this desugars to a element, as in the example from the previous section.
  • Support for fragment syntax in JSX will vary depending on the tools you use to build your app.
  • Support for JSX fragments is available in Babel v7.0.0-beta.31 and above!
  • Upgrade to the latest TypeScript with the command: – – Flow support for JSX fragments is available starting in version 0.59!
  • A big thanks to everyone who filed issues, contributed to syntax discussions, reviewed pull requests, added support for JSX fragments in third party libraries, and more!

React 16.2 is now available! The biggest addition is improved support for returning multiple children from a component’s render method. We call this feature fragments:
Continue reading “React v16.2.0: Improved Support for Fragments”

BREAKING: Next.js 3.0 is out via @zeithq @rauchg @arunoda #javascript #framework #reactjs

  • Next.js is a zero-configuration, single-command toolchain for React apps, with built-in server-rendering, code-splitting and more.
  • The prolific Next.js community has already come up with some static blog generators for you to check out:

    With dynamic imports, our codebase gets split into a set of chunks that can later be loaded dynamically.

  • The developer gets full control to load code over time, depending on user interaction or the data itself.
  • Dynamic components can load React code on-demand, but the most interesting feature is that if they are included in the initial rendering, server-rendering still works!
  • Moving forward, you’ll be able to load code as a function of the data the user is presented with.

Next.js 3.0 comes with vastly improved HMR, dynamic imports, static exports and better serverless support!
Continue reading “BREAKING: Next.js 3.0 is out via @zeithq @rauchg @arunoda #javascript #framework #reactjs”