Hello Readers, CoolMonkTechie heartily welcomes you in A Short Note Series(React Terminology Cheatsheet).
In this note series, we will learn about the commonly used React Terminology and definitions. This article will explain some common terminology from ReactJS.
So, Let’s begin.
- Single-page Application – An application that loads a single HTML page and all the necessary assets (such as Javascript and CSS) required for the application to run.
- ES6,ES2015,ES2016 – Most recent versions of the ECMAScript Language Specification standard, which is the javascript language is an implementation of.
- Compiler – A Javascript compiler takes JavaScript code, transforms it and returns JavaScript code in a different format.
- Bundlers – Bundlers takes JavaScript and CSS code written as separate modules and compile them together into a few files better optimized for the browser.
- Package Managers – Package Managers are tools that allow you to manage dependencies in your project.
- CDN – CDN stands for Content Delivery Network. CDNs deliver cached, static content from a network of servers across the globe.
- Elements – React elements are the building blocks of React applications. An elements describes what you want to see on the screen.React elements are immutable.
- JSX – Allows us to write HTML like syntax which gets transformed to lightweight Javascript objects.
- Virtual DOM – A Javascript representation of the actual DOM.
- React.Component – The way in which you create a new component.
- render method – Describes what the UI will look like for the particular component.
- ReactDOM.render – Renders a React component to a DOM node.
- State – The internal data store (Object) of a component.
- constructor (this.state) – The way in which you establish the initial state of a component.
- setState – A helper method used for updating the state of a component and re-rendering the UI.
- props – The data which is passed to the child component from the parent component.
- propTypes – Allow you to control the presence or types of certain props passed to the child component.
- defaultProps – Allows you set default props for your component.
- props.children – Available on every component. It contains the content between the opening and closing tags of a component.
- Component Lifecycle
- componentDidMount – Fired before the component mounted.
- componentWillUnmount – Fired after the component will unmount.
- getDerivedStateFromProps – This method fired when the component mounts and whenever the props change. Used to update the state of a component when its props change.
- Events
- onClick
- onSubmit
- onChange
- Controlled Component – An input form element whose value is controlled by React
- Uncontrolled Component – An uncontrolled component works like form elements do outside of React.
Conclusion
In this note series, We understood about the React Terminology Cheatsheet List.
Thanks for reading ! I hope you enjoyed and learned about React Terminology. Reading is one thing, but the only way to master it is to do it yourself.
Please follow and subscribe to the blog and support us in any way possible. Also like and share the article with others for spread valuable knowledge.
You can find Other articles of CoolmonkTechie as below link :
You can also follow official website and tutorials of React as below links :
If you have any comments, questions, or think I missed something, feel free to leave them below.
Thanks again Reading. HAPPY READING !!???
