Pattern for syncing up multiple Refs in React [closed]

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0;







up vote
1
down vote

favorite












Yes Refs aren't super preferable but sometimes you still need them.
So I have come up with a pattern (probably somebody already does this) to make sure I have multiple Refs ready.



class App extends Component 
 divOnePromise = new Promise(resolve => this.divOneResolve = resolve);
 divTwoPromise = new Promise(resolve => this.divTwoResolve = resolve);
 async componentDidMount() 
 const divOne = await this.divOnePromise;
 const divTwo = await this.divTwoPromise;

 console.log("refs synced", divOne, divTwo);
 
 render() 
 return (
 <div>
 <div ref=this.divOneResolve>One</div>
 <div ref=this.divTwoResolve>Two</div>
 </div>
 );



Would love some feedback!




javascript functional-programming react.js promise




share|improve this question











closed as off-topic by Sam Onela, Stephen Rauch, Toby Speight, Dannnno, Graipher May 14 at 15:56


This question appears to be off-topic. The users who voted to close gave this specific reason:


  • "Lacks concrete context: Code Review requires concrete code from a project, with sufficient context for reviewers to understand how that code is used. Pseudocode, stub code, hypothetical code, obfuscated code, and generic best practices are outside the scope of this site." – Sam Onela, Stephen Rauch, Toby Speight, Dannnno, Graipher
If this question can be reworded to fit the rules in the help center, please edit the question.








  • 1




    I'm afraid this question does not match what this site is about. Code Review is about improving existing, working code. The example code that you have posted is not reviewable in this form because it leaves us guessing at your intentions. Unlike Stack Overflow, Code Review needs to look at concrete code in a real context. Please see Why is hypothetical example code off-topic for CR?
    – Dannnno
    May 14 at 15:05
















up vote
1
down vote

favorite












Yes Refs aren't super preferable but sometimes you still need them.
So I have come up with a pattern (probably somebody already does this) to make sure I have multiple Refs ready.



class App extends Component 
 divOnePromise = new Promise(resolve => this.divOneResolve = resolve);
 divTwoPromise = new Promise(resolve => this.divTwoResolve = resolve);
 async componentDidMount() 
 const divOne = await this.divOnePromise;
 const divTwo = await this.divTwoPromise;

 console.log("refs synced", divOne, divTwo);
 
 render() 
 return (
 <div>
 <div ref=this.divOneResolve>One</div>
 <div ref=this.divTwoResolve>Two</div>
 </div>
 );



Would love some feedback!




javascript functional-programming react.js promise




share|improve this question











closed as off-topic by Sam Onela, Stephen Rauch, Toby Speight, Dannnno, Graipher May 14 at 15:56


This question appears to be off-topic. The users who voted to close gave this specific reason:


  • "Lacks concrete context: Code Review requires concrete code from a project, with sufficient context for reviewers to understand how that code is used. Pseudocode, stub code, hypothetical code, obfuscated code, and generic best practices are outside the scope of this site." – Sam Onela, Stephen Rauch, Toby Speight, Dannnno, Graipher
If this question can be reworded to fit the rules in the help center, please edit the question.








  • 1




    I'm afraid this question does not match what this site is about. Code Review is about improving existing, working code. The example code that you have posted is not reviewable in this form because it leaves us guessing at your intentions. Unlike Stack Overflow, Code Review needs to look at concrete code in a real context. Please see Why is hypothetical example code off-topic for CR?
    – Dannnno
    May 14 at 15:05












up vote
1
down vote

favorite









up vote
1
down vote

favorite











Yes Refs aren't super preferable but sometimes you still need them.
So I have come up with a pattern (probably somebody already does this) to make sure I have multiple Refs ready.



class App extends Component 
 divOnePromise = new Promise(resolve => this.divOneResolve = resolve);
 divTwoPromise = new Promise(resolve => this.divTwoResolve = resolve);
 async componentDidMount() 
 const divOne = await this.divOnePromise;
 const divTwo = await this.divTwoPromise;

 console.log("refs synced", divOne, divTwo);
 
 render() 
 return (
 <div>
 <div ref=this.divOneResolve>One</div>
 <div ref=this.divTwoResolve>Two</div>
 </div>
 );



Would love some feedback!




javascript functional-programming react.js promise




share|improve this question











Yes Refs aren't super preferable but sometimes you still need them.
So I have come up with a pattern (probably somebody already does this) to make sure I have multiple Refs ready.



class App extends Component 
 divOnePromise = new Promise(resolve => this.divOneResolve = resolve);
 divTwoPromise = new Promise(resolve => this.divTwoResolve = resolve);
 async componentDidMount() 
 const divOne = await this.divOnePromise;
 const divTwo = await this.divTwoPromise;

 console.log("refs synced", divOne, divTwo);
 
 render() 
 return (
 <div>
 <div ref=this.divOneResolve>One</div>
 <div ref=this.divTwoResolve>Two</div>
 </div>
 );



Would love some feedback!





javascript functional-programming react.js promise





share|improve this question










share|improve this question




share|improve this question









asked May 9 at 8:24









Yeater

61




61




closed as off-topic by Sam Onela, Stephen Rauch, Toby Speight, Dannnno, Graipher May 14 at 15:56


This question appears to be off-topic. The users who voted to close gave this specific reason:


  • "Lacks concrete context: Code Review requires concrete code from a project, with sufficient context for reviewers to understand how that code is used. Pseudocode, stub code, hypothetical code, obfuscated code, and generic best practices are outside the scope of this site." – Sam Onela, Stephen Rauch, Toby Speight, Dannnno, Graipher
If this question can be reworded to fit the rules in the help center, please edit the question.




closed as off-topic by Sam Onela, Stephen Rauch, Toby Speight, Dannnno, Graipher May 14 at 15:56


This question appears to be off-topic. The users who voted to close gave this specific reason:


  • "Lacks concrete context: Code Review requires concrete code from a project, with sufficient context for reviewers to understand how that code is used. Pseudocode, stub code, hypothetical code, obfuscated code, and generic best practices are outside the scope of this site." – Sam Onela, Stephen Rauch, Toby Speight, Dannnno, Graipher
If this question can be reworded to fit the rules in the help center, please edit the question.







  • 1




    I'm afraid this question does not match what this site is about. Code Review is about improving existing, working code. The example code that you have posted is not reviewable in this form because it leaves us guessing at your intentions. Unlike Stack Overflow, Code Review needs to look at concrete code in a real context. Please see Why is hypothetical example code off-topic for CR?
    – Dannnno
    May 14 at 15:05












  • 1




    I'm afraid this question does not match what this site is about. Code Review is about improving existing, working code. The example code that you have posted is not reviewable in this form because it leaves us guessing at your intentions. Unlike Stack Overflow, Code Review needs to look at concrete code in a real context. Please see Why is hypothetical example code off-topic for CR?
    – Dannnno
    May 14 at 15:05







1




1




I'm afraid this question does not match what this site is about. Code Review is about improving existing, working code. The example code that you have posted is not reviewable in this form because it leaves us guessing at your intentions. Unlike Stack Overflow, Code Review needs to look at concrete code in a real context. Please see Why is hypothetical example code off-topic for CR?
– Dannnno
May 14 at 15:05




I'm afraid this question does not match what this site is about. Code Review is about improving existing, working code. The example code that you have posted is not reviewable in this form because it leaves us guessing at your intentions. Unlike Stack Overflow, Code Review needs to look at concrete code in a real context. Please see Why is hypothetical example code off-topic for CR?
– Dannnno
May 14 at 15:05















active

oldest

votes






















active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
-

Popular posts from this blog

Chat program with C++ and SFML

Image
Clash Royale CLAN TAG #URR8PPP .everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0; up vote 2 down vote favorite This is my client code: (My server is very similar at the moment but I will upload it below this one just in case somebody wants to run it) #include <SFML/Graphics.hpp> #include <SFML/Network.hpp> #include <thread> int main() sf::RenderWindow main_win(sf::VideoMode(800, 800), "Chatcy!"); main_win.setPosition(sf::Vector2i(sf::VideoMode::getDesktopMode().width/2 -400, sf::VideoMode::getDesktopMode().height/2 -400)); main_win.setVerticalSyncEnabled(true); //chatcy logo sf::Texture chatcy; chatcy.loadFromFile("image_chatcy.png"); sf::Sprite logo; logo.setTexture(chatcy); //200x800 //font sf::Font font; font.loadFromFile("FreeSerif.ttf"); //name sf::String name("Client"); name += ": "; //text input area and background sf::RectangleShape in_backg
Read more

Function to Return a JSON Like Objects Using VBA Collections and Arrays

Image
Clash Royale CLAN TAG #URR8PPP .everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty margin-bottom:0; up vote 1 down vote favorite My goal is to create a compact function that can create a JSON Like object from JSON string. I want a function with a small footprint that I or anyone who wants to use it, can simply paste into a module and use. At 61 lines of code, I am happy with its size and portability. Here is an image of JSON Object created from string data using a ScriptControl . Although the Locals Window displays the properties and values correctly, the object itself is extremely difficult to work with. This image shows an object created using getJSONCollection . Because it is made of VBA Collections and Arrays, it is very easy to work with. Option Explicit Private Function getJSONCollection(ByVal Value As Variant, Optional ScriptEngine As Object) As Variant Const DELIMITER As String = "||" Dim col As Collection, JSON As Object, KeyNam
Read more

Will my employers contract hold up in court?

Image
Clash Royale CLAN TAG #URR8PPP up vote 8 down vote favorite 2 When I started a new job back in July of 2017, I signed a contract that had the following bindings or restrictions if I was ever to leave the company: Cannot work for a competitor within 25 miles of current companies location for the next two years Cannot offer my services to any organization within 25 miles of current companies location for the next two years Now, when mentioned “my services” this can be related to my profession of website design. This contract seems incredibly binding, 2 years in length, and I’m looking to see if it would actually hold up in an Arizona court. contract employment non-compete arizona share | improve this question edited Aug 7 at 15:35 feetwet ♦ 13.8k 9 37 85 asked Aug 6 at 19:05 Alex S. 46 2 What does your company do and what services do they provide? What is your role (i.e. internal work or work for customers).
Read more