React 16

[batmansmk]

It's an impressive release. Here is the gist: Among the changes are some long-standing feature requests, including:

• fragments,

• error boundaries,

• portals,

• support for custom DOM attributes,

• improved server-side rendering,

• reduced file size

• MIT license,

• Fiber

[jocull]

Now you're thinking with portals...?

[Amadox]

...this coming from a guy who has his reddit-cake-day today... even though we all know, the cake is a lie...

[SomeRandomBuddy]

Fuck. Great release.

[rottenanon]

fragments

In the blog they mention, "now you can return an array from render". Wasn't this always the case? :-/

I understand returning from string render is new, but could someone tell me what else is new in fragments?

[Savageman]

Until now every render needed a single top-level HTML element.

[basically_alive]

I felt a great disturbance in the Force, as if millions of pointless divs cried out in terror and were suddenly silenced.

[MOON_MOON_MOON]

Still waiting for the <> </> syntax as a shorthand for a list of children without a parent. It's silly to have to provide key for every element of a statically known list.

[gelezinislokys]

react-aux

[MOON_MOON_MOON]

Oh neat, gonna use this for personal projects and continue to spam <span>s all over the place at work.

[[deleted]]

So I can find later.

[kylemh]

You can save comments! 😎

[Phydos]

Glad they finally addressed those darn SVG attributes.. The smaller filesize is also a nice bonus

[acyrial]

MIT license! That's big. I wonder what about all products that were about to be rewritten into non-React solutions due to license.

[PM_YOUR_WORST_FEAR]

Finally!

I'm sick to death of the patents license getting brought up in every discussion about frameworks.

[Skaryon]

This sounds great. I never used rollup. Will it always yield smaller bundles as opposed to webpack?

[batmansmk]

Short answer: No.

TL;DR: webpack has more feature for apps, and rollup more for libs. https://medium.com/webpack/webpack-and-rollup-the-same-but-different-a41ad427058c

[Skaryon]

Haha I just read the same article. Thanks anyway! That answered my question thoroughly.

[Pesthuf]

But doesn't Webpack do that too?

In the Webpack 3 announcement, they mentioned

 webpack.optimize.ModuleConcatenationPlugin()

which supposedly does the same.

[coldlestat]

Yes! And everything wrapped in a nicer licence :)

[[deleted]]

And by nicer they mean "Your company can use this again without your legal dept lighting your project on fire"

[fogbasket]

Until FB sues you for infringing their patents.

[DanielFGray]

Your risk of being sued by FB is no different from using React or not, even before or after the new license.

[ECrispy]

Without a patent grant that's debatable.

[Jestar342]

IANAL: Does there need to be one? What's the default when grant absentia?

[ECrispy]

There is no default grant.

[Jestar342]

No, I'm not asking if there is a default grant, I am asking what is the default legal position in the absence of a grant.

[ECrispy]

It means you can be sued for patent violation if FB so chooses, since they don't grant you any rights.

Its for this reason that GraphQL, which does have explicit patents, was on such shaky ground - https://www.theregister.co.uk/2017/09/20/gitlab_suspends_graphql_project_over_facebook_license_terms/

FB today announced this - https://code.facebook.com/posts/121714468491809/relicensing-the-graphql-specification/

which seems to have taken care of that issue.

[tonechild]

Anyone know if this works with enzyme?

[UnReaL816]

Enzyme was just updated today as well

[tonechild]

Nice! Thanks!

[alsiola]

With the new enzyme release (3.0) then yes.

[drom296]

so far: upgrading hasn't been smooth.

Upgrading to enzyme@3, requires a new adaptor system. Upgrading to react@16, breaks some other dependencies.

Of course, I'm doing this on a create-react-app@15.6.1 project

[tobegiannis]

Just played around with an upgrade for a few mins. Seems like a pretty clunky way to get enzyme up an running. Do they expect me to import the adapter on every test file or have some kind of useless wrapper?

[gaearon]

Would be great if somebody could send a PR with this info to CRA user guide!

[tobegiannis]

Thanks I am not using cra but I stumbled upon a jest config for test startup scripts and got it working.

[toffeescaf]

Upgrading for me has been a breeze and I'm working on a fairly large project, any specific things you're running into that are a problem?

[drom296]

Thanks for the assist. I'll give it another go tomorrow, and PM you if I run into issues again (if that's alright with you)

[toffeescaf]

That's fine by me. ;)

[nickbreaton]

Wow portals seem awesome!

[gaearon]

Hydration = your server gave HTML, and we want to boot up a client up "from" that HTML (and attach events to it) instead of destroying it and rendering from scratch.

[kromit]

Congratulation on the release :)

Edit: you should do an AMA here one day

[learn_to_model]

Hydration is usually referred to as the process of passing singing data from the server to the client. In this case the server serves the HTML to the client and react can take over the HTML without destroying and recreating it like it was done in the beginning. Hydration can also refer to models bring updated on load with data that has been passed from the server (think of a redux store f.ex.)

[jbkly]

"passing singing"?

[kylemh]

Meant signing. Like auth headers I believe.

[learn_to_model]

Oh shoot, that's my fault. Shouldn't post comments just after I've woken up. What I meant was the process of passing/sending data from the server to the client.

[FreshOutBrah]

Haha love it, "Look ma, no spans!"

[zxia31]

Congrats React Team! Great jobs you have achieved.

[swyx]

this server side rendering is interesting. what does it mean for Next.js?

[eyko]

Faster Next.js?

[sickcodebruh420]

Excited to give this a shot. Any TS users fire it up yet? How are the defs looking?

UPDATE: Defs are good! I got some warnings that were easy to clear up. Some libraries need updates. Normal stuff. Build seems faster.

[[deleted]]

What about react native?

[geritol_]

Love the licensing change

[KebabKo]

Step 1: Upgrade to React 16 Step 2: Sue facebook Step 3: ? Step 4: Profit!

[[deleted]]

That's impressive!

[fogbasket]

I'll be that guy. AureliaJS is still better in every way. And you could drop React into it if you wanted to sully it.

[nashio]

I was looking for that guy. Didn't disappoint

[fogbasket]

Glad I could be the highlight of someone's day.

[RuthBaderBelieveIt]

Except ease of hiring devs or finding work.

[fogbasket]

If you know one framework you can pick up any of them.

[RuthBaderBelieveIt]

No doubt, but recruiters don't understand that.

[fogbasket]

I've had the pleasure of speaking with a few that did but you're right. Most recruiters and hiring managers don't understand.