Explore tweets about #react.portal on Twitter
Day 80! Almost there!!!
New project is coming along swimmingly! Wrote my own React hook for a modal and incorporated a React portal for the first time ever!
Pretty fun stuff 🙃
#100daysofcodechallenge
0
1
14
@dan_abramov hi. is there a way to have a react portal visible across pages? I'd like to achieve this.
0
0
0
By the way, my JS and React code these days is wild, like I was raised by wolves…
ImmutableJS-derived custom classes, `[Symbol.iterator]` `yield`ing child elements, `React.Portal` disconnecting logical/dataflow from physical/DOM hierarchy… https://t.co/KkvDNonJMd
0
0
2
@AdaRoseCannon No, it's a React portal, meaning it actually creates a DOM node. The position is calculated by projecting the 3D point to screen coords
https://t.co/1BVq5OayPV
I tried many HTML > Canvas solutions but I'm not happy with any, so I stick with this
1
0
1
React tooltips from scratch, using React Portal, Recursive functions, React cloneElement... no plugin used https://t.co/V8gsyyOMWZ
0
0
0
#100DaysOfCode / Day 2 / I learned about #React Portal, and woahdang is this the best use of nerdy cross-branding. Basically, you supply a <div> on the DOM *elsewhere* than the root <div>, and then mount a component there, rather than as part of its usual descendant positioning. https://t.co/QOQDTxPFx8
1
7
4
@stubbornella @CharlieCroom Mostly just wanting is to render a tooltip/popover on top of the entire UI, ensuring it's not accidentally cropped, covered or transformed. I can fix this with a React portal rendering at the root, but then the element is out of the document flow and a11y becomes a lot harder.
2
0
8
@CharlieCroom @markdalgleish What does a react portal do that you would want a native element to do?
1
0
0
Hint: The native click is coming from inside a Popover, which is inside a React Portal.
1
0
0
I wish the browser had a native element type that behaved like a React portal.
9
3
61
z-index 迷宮にはいりガガガとなっていたところに、react portalの存在を知り、天国。
<div id='root'>
...超絶ネスト
コンポーネント
</div>
<div id='portal'></div>
という状況で、コンポート内の一部をportalタブないにテレポートしてレンダリングできる。
モーダルとかdropdownにおすすめ。
0
0
0
Trying to build an accessible interactive tooltip in a React portal—the trick is simulating natural tab order, e.g. tabbing out of it should take you to the next focusable element on the page. There's no browser API for this, but luckily I found this gem: https://t.co/Zv4N0wT6aY
4
4
49
New Stream Transition. React, Portal 2, we'll see. Get in here.
https://t.co/MC1VVNprwM
https://t.co/MC1VVNprwM
https://t.co/MC1VVNprwM
1
0
2
‘React portal’ let you put a component or #HTML element inside index.html exclude default element’<div Id=”root” />
#reactjs #javascript #DEVCommunity
0
6
3
Is there a reason why we should render modals with React portal while we can always use the native dialog element (considering accessibility too) or am I missing something?
CC : @_ooade @tehlordvortex
0
0
0
こんにちは！
#今日の積み上げ
・Redux React portal の導入
・アプリUI
今日は仕事忙しそうだからアプリUIに集中しようかと思います。今日も一日頑張ろう！
#駆け出しエンジニアと繋がりたい
2
0
31