Lessons about React (page 12)

gist.github.com

What are the {...anything} you see around React

JSX Spread Attributes. GitHub Gist: instantly share code, notes, and snippets.

Vanessa Barreiros·June 15, 2018

codesandbox.io

An online sandbox platform for quick frontend prototyping (supports many frameworks, including react)

CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.

João Lins·June 13, 2018

docz.site

Simple and powerful tool to help you document libraries and components

Carlos Coelho·June 12, 2018

hackernoon.com

Some advantages on using stateless functional components on React

React .14 introduced a simpler way to define components called stateless functional components. These components use plain JavaScript functions. Here’s the before and after in ES6:

Carlos Coelho·June 8, 2018

reactjs.org

React v16.x made some important changes (and deprecations) to the components lifecycles #component-lifecycle-changes

This blog site has been archived. Go to react.dev/blog to see the recent posts. A few days ago, we wrote a post about upcoming changes to our legacy lifecycle methods, including gradual migration strategies. In React 16.3.0, we are adding a few new lifecycle methods to assist with that migration. We are also introducing new APIs for long requested features: an official context API, a ref forwarding API, and an ergonomic ref API. Read on to learn more about the release. Official Context API For…

Victor Ferraz·June 1, 2018

github.com

A library for lazy loading React components

Lazy load your component, image or anything matters the performance. - twobin/react-lazyload

Victor Ferraz·May 28, 2018

medium.freecodecamp.org

The best way to bind event handlers in React

By Charlee Li Binding event handlers in React can be tricky (you have JavaScript to thank for that). For those who know the history of Perl and Python, TMTOWTDI (There’s More Than One Way To Do It) and TOOWTDI (There’s Only One Way To Do It) should b...

Victor Ferraz·May 25, 2018

github.com

Nice React lib for controlling page scroll

Luca Bezerra·May 22, 2018

reactjs.org

React Composition vs Inheritance:

Flávio Juvenal·May 1, 2018

reactjs.org

React: improved support for returning multiple children from a component’s render method

This blog site has been archived. Go to react.dev/blog to see the recent posts. 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: Fragments look like empty JSX tags. They let you group a list of children without adding extra nodes to the DOM: This exciting new feature is made possible by additions to both React and JSX. What Are Fragments? A common pattern is for a component to…

Flávio Juvenal·April 19, 2018

smashingmagazine.com

great introduction guide to Redux:

Redux is a predictable state container for JavaScript apps. It's an application data-flow architecture, rather than a traditional library or a framework like Underscore.js and AngularJS. It is used mostly for application state management. To summarize it, Redux maintains the state of an entire application in a single immutable state tree (object), which can’t be changed directly. When something changes, a new object is created (using actions and reducers). Today, Alex Bachuk will go over the core concepts in detail.

Arimateia Neto·March 2, 2018

github.com

How to get the reference of a field when using Redux Form #issuecomment-271962346

I use GoogleMaps API and its address autocomplete feature for one of my projects. I have a Field for the address, but I need to provide its corresponding nested input form element to GoogleMaps API...

Luca Bezerra·January 29, 2018

github.com

When using react-sortable-hoc (specially with bootstrap), if the element being dragged disappears, it may be a z-index issue. Use the component's helperClass:

Luca Bezerra·January 17, 2018

youtube.com

React compound components "give rendering back to the app"

Filipe Ximenes·January 8, 2018