We are so glad to have joined SideHustle Internship most especially to learn the React.js library. Although most of us did not join with zero knowledge, so far we have learned a lot more than we came with and those who had no knowledge of it are not conversant with it to an extent. Learning React is not one of the easiest things we've come across so there's nothing without its own challenges. SideHustle Internship has made it easy for us to learn more as we have tutors and lessons to go through.
This is week two on SH 4.0 and we worked on our first task as a team!
We worked on recreating the google homepage with some tasks on State Management.
Challenges we faced and how we tackled them
Working with new people Working with people will always come with its own challenges and we faced some of those while working on this project. We were strangers to each other for lack of better words and this threw us off for a bit but we later overcame that by having a meet and greet which effectively broke the ice and paved way for better teamwork.
Working as a virtual team Breaking the ice notwithstanding we also had the issue of carrying everyone along virtually, picking meeting times, getting team members to show up, call dropping due to network issues, power issues, and so on. But irrespective of all these issues we succeeded in successfully working together, although, there is still room for future improvement.
Getting the state to work Each person had to learn and contribute to the implementation of the State feature, we weren't really familiar with the state syntax in React, we could not figure out how to add it to our component after creating the state variable and the function. We had to google how to use the state in React. Here's how we solved the problem:
- We use a predefined hook in React called useState, which gives our application temporal information about what to keep.
- We had to define an initial state before being able to change or update the state.
- We then defined a function to check the input box if empty then update the application state which also updates the UI of the application.
- We then have to implement a conditional statement to check if the input box is not empty, then update the previous state with the user's input.
Leaving it here for now, we'd like to say thank you to SideHustle Internship and we know for sure that we are going to learn more and of course, finish and host bigger projects.
Team members
- Miracle Ogunleye
- Erasmus Mensah
- Ngozi Aguluka