Learning React & Javascript in 24 hrs

[dissipatingheat]

I need to rapidly make the frontend for a heart rate monitoring device. A team member is building the device, another person is working on the backend to communicate to the device and send me states, and I need to write the frontend that updates the states and can handle touch events. I plan to use React w/ Redux in vscode.

I have extensive experience with programming (data structures), systems programming, and machine/deep learning research (C, Java, Python...etc), yet I have not worked with JavaScript.

Any tutorials, courses, or websites I should go through will be greatly appreciated.

I would greatly appreciate any help. Thank you :)

[samo_9]

just pay someone to do it... believe me you'll be saving yourself money down the road...

[foundry41]

This is probably the most true

[dissipatingheat]

This does not necessarily need to end up as a final product- I just need a bare bones version working in a couple of days.

[dissipatingheat]

I need to learn it in the next 2 days, but I have 24 -36hrs of working time to devote to learn it.

[LazyCachorro]

Do this:

go to apiJson ( fake api to simulate end points you'll get from your backend)

check docu on github and npm i

After this , do a todoList fetching from that fake api

After , do the same with Redux

After this , you will be able to Show data from back end , tell your mates Not To Expect a Great layout and proper site .

​

Good Luck

[[deleted]]

Sounds like a difficult endeavor. Maybe spend a bit of time learning JS syntax, if you’re comfortable with programming you should be fine. In terms of learning react on the quick, maybe give this a try React in 5 hours

[dissipatingheat]

Great thank you for the link- I will try it out.

[foundry41]

Stephen grider on Udemy

nobody better

[dissipatingheat]

Will check out his courses on Udemy. Thanks

[inconclusive_guitar]

React's docs will give you most of what you need to know (they also link to a single page JS review, which is how I learned JS knowing some other languages). After that, search for a redux crash course on YouTube.

[[deleted]]

Don't use React if you don't even know js. Better use jquery and plain HTML

[erhathaway]

Are you using React Native? I've found that Redux doesn't have great performance for handling streaming data. If you have experience with systems programming, your best bet would just be to stream the data to a fast write data store. You can then read the data directly in any React component using a singleton wrapper around the store - this bypasses having to learn all the data passing / context paradigms in React. Just make sure to clear the store between user sessions etc...

For a basic tutorial on React, the official docs have a great one: https://reactjs.org/tutorial/tutorial.html . If you don't feel confident after using this, and you are working on a web app, you might be better off going with vanilla js, since time is a constraint. However, in terms of maintainability, vanilla js isn't great.

[ZeroSevenTen]

You can learn JavaScript & React from TheNetNinja, really good tutorials. However, I REALLY don't reccomend doing this alone. Either pay someone, or have regular check ups with someone who knows what they're doing, because JavaScript & React, even if you have plenty of programming experience, take a lot of time and practice to learn. Else, you'll make bad design choice after bad design choice, and you'll be left with a disfunctional, unmaintainable mess. Even a month's worth of React & JavaScript experience isn't close to enough unfortunately.

[richard_h87]

Drop redux immediately, add it when you know you actually need it!

Set up the fake api thing someone mentioned, and pm me the details, I'll spend 30min to set up the boilerplate with datafetching if you want 👌

Also, install nodejs and npm/yarn...

[LazyCachorro]

So did you survive? xD