Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 1 year ago.
Improve this question
what's the best way/resources to learn react? i have some background in HTML/CSS/JS/python.
You can simply start your first React journey with CRA(Create React App).
There are many steps to build React project like Webpack, babel or something but if you use CRA, you don't have to do it. You can simply start with your first React project with it.
Here is a link.
https://create-react-app.dev/docs/getting-started/
and you should learn usage of React in here
https://reactjs.org/
This is another tip is that if you wanna learn React.js fast, you should know how javaScript runs and know how to make a component using html, css first. cuz one of the reasons People use React is that it helps people to make reusable UI component with JSX but usage JSX code is almost same with using plain html, css code.
I hope you find a solution :D
Related
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 1 year ago.
Improve this question
I got a task of writing automated end to end UI tests for existing React application. I want to follow what cypress docs suggestion, use data-cy attribute values for selecting elements:
But there is no such attribute introduced by dev team in the application. Is there any way to automatically (any library) add data-cy or data-test attributes to existing react app. Or is there any easy way to do it manually, especially due to React's component architecture?
PS: adding selenium tag too because testing using selenium also involves element selection.
Instead doing it via cypress. Get the code from dev, add your
data-cy or data-test
by yourself and ask your dev team to approve your changes.
please do not waste time on this.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 1 year ago.
Improve this question
I want to embed a code editor in my react application. The code editor should be like vscode. Some website -(https://play.tailwindcss.com/, https://www.typescriptlang.org/play/) use these vscode type code editors in their webpages. My simple question is how can I embed them and are there any libraries available. I have seen something called ace but that isn't like vscode.
Thanks :)
Later after looking html source I found that its - https://microsoft.github.io/monaco-editor/
There are a couple of different NPM components your try that may do the trick.
React simple code editor: https://www.npmjs.com/package/react-simple-code-editor
DEMO: http://satya164.xyz/react-simple-code-editor/
React Ace is a bit beefier: https://www.npmjs.com/package/react-ace
DEMO: https://securingsincity.github.io/react-ace/
happy hacking!
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
do you have any advice for a dev about to begin learning react js?
all I require would be links to video tutorials and maybe a couple of tips and tricks that could help along the way... it would be really helpful, to beginners everywhere(i think we're all actually beginners, but that's a topic for another day).
The best place to start is with the official React tutorial, step-by-step guide, and general documentation.
I'd recommend using Create React app as instructed on the official site to create your first react application to mess around with.
Once you get pretty familiar with the library, you can find an abundance of free YouTube tutorials and StackOverflow threads to get deeper into specific subjects that still remain confusing to you.
Check out the React documentation and it would be a great start. On the other hand, you can practice on the freeCodeCamp and improve yourself.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 3 years ago.
Improve this question
Hello I was using jest and enzyme for testing React, and now we added some hooks for the project and we were wondering what will be the possible options for the library to test React Hooks
react-testing-library is a very light-weight solution for testing React components. It extends upon react-dom and react-dom/test-utils to provide light utility functions. It encourages you to write tests that closely resemble how your react components are used.
https://blog.logrocket.com/a-quick-guide-to-testing-react-hooks-fa584c415407/
Follow this blog for more info on testing hooks using react-testing-library
Also react-hooks-testing-library this seems to be another nice option
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I have an idea for a game and I will try to create it.
It is a simple multiplayer game that runs in a browser.
I was recommended to use React.js and Firebase.
So I paid 60 dollars for a video tutorial that built an app using these technologies, perfect! Unfortunately, it uses the JSX transformer that was deprecated, and now I have learned that I should use something called Babel instead.
What I wonder is if you can recommend me some tutorial that teach me React with Babel from scratch. I googled a lot but I could not find anything directed at noobs
If you take a look at the react site tutorial (http://facebook.github.io/react/docs/tutorial.html) they show a post JSX transformer method using babel. You should also look at some of the starter packages to see what style of organizing and building react works best for you. Here are a couple;
https://github.com/jmarkstevens/ReactPatterns
This isn't a forum for this sort of question and the question might get flagged as off-topic, but for what it's worth, since learning this stuff is hard for beginners, I suggest going to the redux library github page and watching the 30 free tutorial videos, then downloading the examples and using their 'webpack' configuration. The examples come with the pre-installed set of tools for transpiling JSX using Babel. You could look at the "counter" example since it doesn't have much redux at all (though I suggest using it anyways).
Otherwise you could be using gulp and browserify to babelify your code but again, the question is broad and should be more of a forum post so that a thread could be started for discussion.