Create-React-App#401
Discuss in words something you learned in class today or this week.
— Today in class we learned the differences in why we use class based components and functional components. Class based components are used to set the stat of a component which is where most if not all functional components will be extended from. It’s a strategic approach to creating reusable components and having an organized way of calling upon the setState within the children components.
Why/when would you use a class-based component vs a functional component?
— A functional component is just a plain JavaScript function which accepts props as an argument and returns a React element. A class component requires you to extend from React.Component and create a render function which returns a React element.
What is create-react-app?
— Create React App is a tool built by developers at Facebook to help you build React applications. It saves you from time-consuming setup and configuration. You simply run one command and create react app sets up the tools you need to start your React project.
What are the differences between a class component and a functional component?
— To sum it up, the difference between functional and class-based components is. Functional component can’t have state or lifecycle methods; A class-based component can maintain its own state. Class-based components can have lifecycle methods which can be used to perform various actions at specific points of the component lifecycle.
What is JSX?
— A file with the JSX file extension is an ExtendScript file. These files have been written in the ExtendScript scripting language, which is similar to JavaScript and ActionScript but supports some additional functions. JSX files are used for writing plug-ins for Adobe Creative Suite software like Photoshop, InDesign, and After Effects.
How does React work?
— React is a JavaScript library (not a framework) that creates user interfaces (UIs) in a predictable and efficient way using declarative code. You can use it to help build single page applications and mobile apps, or to build complex apps if you utilise it with other libraries. What is declarative code? React works in declarative code.
How does the virtual DOM work in React?
— In React world, the term “virtual DOM” is usually associated with React elements since they are the objects representing the user interface. React, however, also uses internal objects called “fibers” to hold additional information about the component tree. They may also be considered a part of “virtual DOM” implementation in React.
Which (if there is) node library method could you use to solve the algorithm problem you solved last night in your pre-homework?
— Axios is a Javascript library used to make HTTP requests from node.js or XMLHttpRequests from the browser that also supports the ES6 Promise API.Axios Component for React with child function callback. This is intended to allow in render async requests.
What’s the difference between an element and a component in React?
— In React, this is where the elements come to rescue. An element is a plain object describing a component instance or DOM node and its desired properties. It contains only information about the component type (for example, a Button), its properties (for example, its color), and any child elements inside it. An element is not an actual instance.
