This application was built with create-react-app. This is my first application using React! The main project goals were to get a feel for how React components, state, and props all work together to create an application.
- Clone down this repo.
- CD into project folder, then run
npm install - Run
npm startto start up your React server and view the App!
Users can browse news articles by topic. Click on any topic in the left-side menu! Users can also narrow their article search by utilizing the search bar at the top.
- REACT
- JSX
- React Testing Library, Jest, DOM Testing Library (testing)
- Vanilla JS
- CSS
- Using the React Framework
- How React Components work together
- Passing Data using 'props'
- Updating 'state' with user interaction
- Creating functions and Methods with a single responsibility
The biggest challenge of the project involved learning the testing library syntax and how it all flowed together. That was difficult and I still have much to learn. It was also a challenge to only have one class based component to hold state. In the future I would likely have the searchForm hold state as well or think of a way to pass around and manipulate data in a more efficient way.
This was a very fun project! React is a powerful application framework and I look forward to learning more! I was able to move around the data using props, update the state based on user interactions, and get some initial testing going. I would like to complete the tests and eventually bring the data in using a Fetch API call.