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
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
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
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 2 years ago.
Improve this question
Are there any libraries/core React functions that provide functionality similar to useSelector?
You fundamentally misunderstand Context. Context is not a state management solution, it is a storage solution. It has no opinion about any processes for managing state. If you want to use the selector pattern you’ll need to write it yourself.
To elaborate, people often compare Context to local state, Redux, MobX, etc. The real comparison is Context + Custom Solution vs Redux, MobX, etc. Under the hood libraries like Redux use Context. Your solutions for storing state in React are hooks or Context. Both come with an API for getting data in and out. Any enhancements on top of that you have to create yourself. These external libraries provide these enhancements.
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
I am looking for some links that provide "getting started" documentation for react-redux with typescript.
I have react application with multiple components - some of which are nested. Now I need to wire them up so that they can communicate with each other. Some online research led to me to believe that redux is something that should be used in such cases. However I could not find any online tutorial that deals with react, react-redux and typescript. Can anyone point me to right direction?
Redux has it's own great documentation.
If you have any concrete questions feel free to post another question.
https://redux.js.org/recipes/usage-with-typescript
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 4 years ago.
Improve this question
I have been using Angular but now I planning to use React for my next project. So I am getting familiar with React and I was wondering what addiontal libraries are recommended for funtionality like routing, rest calls, state management preferably using Typescript and with that in mind is there a best practice architecture when designing large scale app?
You could use Angular for routing, REST calls & state management, and React for views.
Otherwise, the most popular are probably GitHub's fetch() polyfill for REST, and Redux for state management. Or just use the new built-in useReducer() hook instead.