Interactive Design 2 Learning Diary 05

Fundamentals of React.js

As a really useful framework for creating web-based content, interactive pages and prototypes, React.js has some really interesting characteristics that make it one of the most popular framework for developers all around the world. And here are three noticeable characteristics in React.js I consider important to me.

  1. React is totally based on components. Just like designing UI prototypes in Sketch or XD, React is able to use a components with same format of displaying images, fonts and information multiple time with different source data. (images, font and text, etc.) This characteristic makes this framework more efficient than the other, which is just like Sketch's symbols and libraries, which can be accessed in other files.
  2. React support JSX. Rather than using top-level APIs and commands to create components, React allows the developers use JSX to create their pages, which has a really similar syntax comparing to HTML, which all the web developer are familiar with. So this makes React relativly easy to people who are not that familiar with programming languages such as JS.
  3. JS can be used any where in JSX. Comparing to traditional HTML, JSX can support more advanced mathematical computations right inside the code. This makes JSX more capable of creating dynamic and data-based pages rather than static pages comparing to HTML.

Also other really intriguing characteristics are mentioned in the following reference, including private state, events and JS syntax are also inspiring.

All the fundamental React.js concepts, jammed into this single Medium article

Write a Comment