Desarrollo y Mantenimiento de Sistemas Informáticos

4º. 1er cuatrimestre. Itinerario de Sistemas de la Información. Grado en Ingeniería Informática. ULL

---

Organization DMSI org   Github Classroom DMSI class   Campus Virtual DMSI campus   Profesor Casiano   Chat Chat

React

Learning React with Gatsby

CSS modules

• Css Modules by Example
• CSS Modules

Intro to React

Learn by Doing

• Tutorial: Intro to React

Hello World React (Learning Concepts from the Ground Up)

1. React: Hello World
2. Introducing JSX
3. Rendering Elements
4. Components and Props
5. State and Lifecycle
6. Handling Events
7. Conditional Rendering
8. Lists and Keys
9. Forms
10. Lifting State Up
11. Composition vs Inheritance
12. Thinking In React

Creating a React App

This page describes a few popular React toolchains (like create-react-app, gatsby) which help with tasks like:

• Scaling to many files and components.
• Using third-party libraries from npm.
• Detecting common mistakes early.
• Live-editing CSS and JS in development.

• Optimizing the output for production.

• Create a new React App

Create React App. Set up a modern web app by running one command

• create-react-app docs
• Create React App. Set up a modern web app by running one command
• YouTube video: Getting Started with Create React App by Elijah Manor
• Emoji Search. Created with create-react-app
• This project was bootstrapped with Create React App

React in Visual Studio Code

• Using React in Visual Studio Code
• Visual studio code changes format (React-JSX)

For a Web App

• Add React to a Web Site

From Scratch

• Creating a React App… From Scratch
  • Github repo paradoxinversion/creating-a-react-app-from-scratch

Learning React by Eve Porcello, Alex Banks

• Table of contents of the book Learning React by Eve Porcello, Alex Banks Index. Be sure you are authenticated in PuntoQ
• MoonHighway/learning-react Github repo with the code samples for Learning React by Alex Banks and Eve Porcello, published by O’Reilly Media

References

• How to pass props to components in React blog by ROBIN WIERUCH

Práctica p11-t3-react-tic: Tutorial “Intro to React”. Tic-Tac-Toe

• Descripción de la práctica