A simple tic-tac-toe game to play in the browser, play here
The idea for this project came from The Odin Project, although the original idea was to make a project that used pure Javascript, HTML and CSS, I wanted to practice using REACT.
In this project the next technologies were used: React, React libraries (gh-pages), Git (with Github), Ubuntu Linux operating system, VSCode, Javascript and CSS3.
The next objectives were accomplished in this project:
- Understand the basic principles of react using the create-react-app with npx
- Know the difference between stateful and stateless components
- Pass props through components
- Apply event listeners
- Mutate state using this.setState()
- Render components conditionally using if statements or ternary expressions
- Render components dynamically using array.map()
- Stylish components with in-line styles, CSS Modules, as well as applying conditional styles
I consider that I understand the basics of React and its advantages over making webapps using only JS, HTML and CSS; i.e. the rendering of components in the webpage is way easier using react, because we avoid direct DOM manipulation, besides that, React facilitates the data flow in the webpage creating a "state" (typically in one main component) which is like a central "database" that helps to make debugging easier and avoid unexpected results. [*Note:I haven't learn using Redux with React yet]