Almacenamiento de datos — JS: Desarrollo web

Entre los sitios web se destacan dos categorías:

• Sitios web estáticos consisten en conjuntos preparados de páginas HTML y no contienen código de programación en el backend.
• Sitios web dinámicos forman sus páginas basadas en la información que los desarrolladores y usuarios del sitio agregan a la base de datos. Ejemplos claros son las redes sociales o servicios de correo.

Más adelante en el curso, vamos a crear nuestros primeros sitios web dinámicos, pero con una particularidad. En lugar de usar una base de datos completa, trabajaremos con objetos en el entorno local. Imitan el trabajo con una base de datos, pero almacenan todo en la memoria de la aplicación en ejecución. Esto nos permitirá guardar datos entre solicitudes al sitio, pero teniendo en cuenta que desaparecerán después del reinicio de la aplicación.

¿Por qué hacemos esto? En las próximas lecciones, nos enfocaremos en cómo funciona la web, y es suficiente almacenar los datos en la memoria sin distraernos trabajando con una base de datos. Nos ocuparemos de la conexión de la base de datos al final del curso.

Ejemplo de uso:

import _ from 'lodash';

const state = {
  courses: [],
  users: [],
};

app.post('/course', (req, res) => {
  const course = { name: 'First Course', description: 'description', id: _.uniqueId() }; 
  // ejemplo de datos, más adelante aprenderemos a obtener datos del formulario
  state.courses.push(course);
  res.send(course);
});

app.delete('/course', (req, res) => {
  const firstCourse = state.courses.find((course) => course.name === 'First Course');
  // Esto es lo mismo course === firstCourse
  state.courses = _.omitBy(state.courses, (course) => course.id === firstCourse.id);
  res.send(firstCourse.id);
});

// En el caso de los usuarios todo es lo mismo
app.post('/users', (req, res) => {
  const user = { name: 'Mike', email: 'mike@email.com', id: _.uniqueId() };
  state.users.push(user);
  res.send(user);
});

app.delete('/users', (req, res) => {
  const firstUser = state.users.find((user) => user.name === 'Mike');
  state.users = _.omitBy(state.users, (user) => user.id === firstUser.id);
  res.send(firstUser.id);
});