Aprovecha el precio especial y haz tu profesión a prueba de IA

Antes: $249

Currency
$209
Suscríbete

Termina en:

0 Días
5 Hrs
7 Min
48 Seg
Curso de SolidJS

Curso de SolidJS

Samuel Burbano

Samuel Burbano

Los problemas que resuelve SolidJS

1/27
Resources
Transcript

Why learn Solid.js?

Solid.js is not just another framework in the vast universe of web development. This framework represents the future, built with features and tools that optimize the developer experience. What's surprising is that Netlify, a leading cloud solutions company, hired Ryan Carniato, the creator of Solid, to lead its open source efforts. What makes Solid so special? Its reactivity system, known as "Pyongreen Reactivity", puts it at the forefront, surpassing even the famous trifecta of React, Angular and Vue.

How do Solid and React compare?

To better understand these differences, we compared Solid to React through a simple task list application (TodoList) in both frameworks.

What happens in React?

  • Initialization: When a React application starts, it validates the entire component to set its initial state.
  • Dynamic state: For example, the checked state of an item in a list can change over time.
  • Virtual DOM: React needs to reanalyze and reconcile its entire tree (virtual DOM) every time there is a change. This includes, in addition to the elements that actually change, any other updates to the DOM.
  • Inefficiency: This constant revalidation causes React to be at the bottom of the benchmarks in terms of efficiency when manipulating or removing elements in large lists.

What makes Solid different?

  • Single initialization: Solid only validates the component on its first initialization in the DOM. After that, your changes do not require full revalidation.
  • Granular efficiency: Changes in the element tree, such as modifying an input, do not require revalidating everything, but only the specific elements that actually change.
  • List management: When deleting or adding items, Solid revalidates and adjusts only the affected items. This demonstrates its superior efficiency in genuine reactive operations.

How do you project this efficiency into the future?

Solid has made such an impact that other frameworks have begun to mimic its approach. For example, Vue has adopted a system known as "Vapor", inspired by Solid and free of virtual DOM. React, meanwhile, has introduced similar server components, and Angular has implemented signals, similar to Solid's system.

What can I expect from learning Solid?

I am Samuel Bourbano, Senior Software Engineer with more than 12 years in web development. Over the years, I have witnessed the evolution of the web ecosystem with innovative technologies. I have contributed to open source projects such as VideoJS and Solid.js itself. In this course, you will learn how to use Solid from scratch, the basic and advanced concepts, and you will get to create your own "Minisolid", a reactive library that will allow you to deeply understand how this system works. Wherever you are in your career path, Solid.js offers you to take your skills to the next level.

Contributions 6

Questions 1

Sort by:

Want to see more contributions, questions and answers from the community?

Solo con ver este primer video me genera mucho entusiasmo… ansioso de aprender más!

Excelente, ya esperaba este curso, espero que creen una ruta exclusiva de solid.js

¡Estoy listo para iniciar el curso de SolidJS! 🚀🎉

No puedo contener mi emoción por comenzar este curso de SolidJS. Estoy ansioso por sumergirme en este mundo. 🗺 💻

Quisiera saber si este curso aplica para angular ahora que aplica las signals

Explicación superespectacular de Samuel Burbano, super fan de su contenido en sus redes. Espero que platzi le siga asignando cursos más avanzado de Vue.js y Nuxt.js

¡Explorando el futuro con SolidJS! 💡💪 Descubrir cómo SolidJS aborda y resuelve desafíos en tiempo real es realmente emocionante. Desde su enfoque en la reactividad ultraeficiente hasta su capacidad para crear interfaces de usuario fluidas, ¡SolidJS lo tiene todo! 👏🚀