Lina and Noor

[hn4ever]

React Tic Tac Toe

Congratulations! You're submitting your assignment. Please reflect on the assignment with these questions.

Reflection

Prompt	Response
How are events / event handlers and useState connected?	When an event happens it will call our event handler function and This function will help update the State.
What are two ways to do "dynamic styling" with React? When should they be used?	One of the ways is using the inline CSS style attribute and the other way is using CSS as a stylesheet and setting it to the className attribute. In JSX we would utilize the brackets {} to pass the code to generate view data.
Much like Rails works with the HTTP request->response cycle, React works with the browser's input->output cycle. Describe React's cycle from receiving user input to outputting different page content.	In React, user input is received by events which triggers event handler function and that will update and change page contents. As a response it will render the new page and goes to this cycle again when the user does another event.

CS Fundamentals Questions

Question	Answer
What do you think is the BigO complexity of the method you use to compute a winner?	For this game we know that the length of squares will always be the same, therefore time complexity is O(1). The space complexity is O(1) as there is no new allocation of memory.
Consider what happens when React processes a state change from setState -- it must re-render all of the components that now have different content because of that change. What kind of data structure are the components in, and what sort of algorithms would be appropriate for React's code to "traverse" those components? Speculate wildly about what the Big-O time complexity of that code might be.	The data structure is possibly a tree that starts from the top level (app component) and then it traverses into next component (the board). The last level is the squares. For time complexity, we think it would be O(n * components big O) where n is the times the app is rendered.

[kaidamasaki]

For TicTacToe we reviewed test results, the checkForWinner function, and onClickCallback function.

Good work implementing a React project using state and callback functions!

[kaidamasaki]

Nice job with this loop! Getting it right is tricky. 😃

[hn4ever]

Thank you Kaida