What are functional, stateless components?
Prior to React 0.14, writing a presentational component (that is, one that just renders props, and doesn’t have state), could be fairly verbose:
React 0.14 introduced functional stateless components (or, from now on, FSCs), which lets you express the above more succinctly:
Which, via ES2015 arrow functions, destructuring and implicit returns can be cut down really nicely:
FSCs not only provide a cleaner syntax but also have some other benefits that I’d like to talk about today, along with a couple of gotchas and things to look out for.
It’s also important to note that you can have stateless class components, and that in the future we might be able to have functional,