question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

`ReactLayersMixin`.

See original GitHub issue

I really like our ReactLayersMixin plugin and we should open source it. It allows us to implement not just the render function, but also the renderLayers function. The render is the same as its always been (describe your structure at any point in time. The renderLayers API allows you to describe your modal layers at any point in time. So that means you can open and close layers as a function of props/state just like your render() function can “react” to props/state.

Assigning to @yungsters who mastered the React/Layers stuff on FB’s stack, but @petehunt also has great experience using and building out layers integration with React. So whoever has time/need.

Issue Analytics

  • State:closed
  • Created 10 years ago
  • Comments:25 (21 by maintainers)

github_iconTop GitHub Comments

1reaction
gaearoncommented, Aug 3, 2016

Yea. We actually codemodded the mixin away just a month ago, and removed the distinction between render and renderLayers—layered components are just regular components now. It is a little awkward without fragments but no big deal.

1reaction
brigandcommented, Aug 3, 2016

@mziemer21 the modern solution is something like react-portal.

Read more comments on GitHub >

github_iconTop Results From Across the Web

React custom Hooks vs. Mixins
How Mixins are surprisingly similar to custom Hooks for sharing stateful, non-visual logic.
Read more >
tgohn/react-listenTo: Mixin that provides ` ...
react -listenTo is a React mixin that provides: listenTo(emitter, eventName, cb) method to your component; noListenTo(emitter, [eventName , [cb]] method ...
Read more >
Introduction to Mixins and How to Use Them - YouTube
In this video series, I work on my new personal website built using React.
Read more >
mixins is not working in reactjs
I am newbie to reactjs , I am playing around with some of reactjs properties.I am unable to find the reason why this.props.food...
Read more >
React Online Music Player By Frank
'react-addons-pure-render-mixin'. import { Layout, Menu, Breadcrumb, Avatar,. Row, Col } from 'antd';. const { Header, Content, Footer } = Layout;.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found