Codesponsors - Knowledge Share

ReactJS JSX   React is a modular, scalable, flexible, and popular front-end framework. What is JSX? JSX is a syntax extension for JavaScript. It was written to be used with React. JSX code looks a lot like HTML. What does “syntax extension” mean? In this case, it means that JSX is not valid JavaScript. Web browsers can’t read it! If a JavaScript file contains JSX code, then that file will have to be compiled. This means that before the file reaches a web browser, a JSX compiler will translate any JSX into regular JavaScript. Codecademy’s servers already have a JSX compiler installed, so you don’t have to worry about that for now. Eventually we’ll walk through how to set up a JSX compiler on your personal computer. JSX is a syntax extension for JavaScript which allows us to treat HTML as expressions. const h1 = <h1>Hello world</h1>; They can be stored in variables, objects, arrays, and more! Here’s an example of several JSX elements being stored in an object: const ...

 React is a javascript library for building fast and interactive user interfaces for the web as well as mobile applications  It is an open-source, reusable component-based front-end library  In a model view controller architecture, React is the 'view' which is responsible for how apps looks and feels. React is created by Jorden walke, Who was a software engineer at facebook.  React divides the UI into multiple components, which makes code easier to debug, and each component has it own property and function.  Why React? Easy creation of dynamic web applications  Performance enhancement  Reusable components  Unidirectional data flow  Small learning curve Can be used for mobile apps Dedicated tools for easy debugging