Tech Tools Flashcards
What is Webpack?
Is astatic module bundlerfor modern JavaScript applications.
It’s a tool that lets you bundle your JavaScript applications (supporting both ESM and CommonJS), and it can be extended to support many different assets such as images, fonts and stylesheets.
How do you add adevDependencyto a package?
npm install –save-dev
Or you can manually add it by editing the package.json file and adding an attribute called “devDependencies” that references the name andsemantic versionof each devDependency
What is an NPM script?
They are essentially an alias for a command line task that you want to run over and over
An NPM script are typically commands, or a string of commands, which would normally be entered at the command line in order to do something with your application.
What is a script (pertaining to computer science)?
A computerscriptis a list of commands that are executed by a certain program orscriptingengine.
How do you execute Webpack withnpm run?
Whatever it’s alias to.
i.e.»_space;> Npm run build
What kind of modules can Webpack support?
ECMAScriptmodules. CommonJSmodules. AMDmodules
What is React?
Reactis a JavaScript library for building user interfaces.
What is a React element?
A React Element is what gets returned from components.
It’s anobjectthat virtually describes the DOM nodes that a component represents.
An element is a plain objectdescribinga component instance or DOM node and its desired properties.
How do you mount a React element to the DOM?
By using ReactDOM.render
What is Babel?
Babel is a JavaScript compiler
Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments.
What is a Plug-in?
Apluginis a software add-on that is installed on a program, enhancing its capabilities.
In computing, a plug-in is a software component that adds a specific feature to an existing computer program. When a program supports plug-ins, it enables customization.
What is a Webpack loader?
Loaders are transformations that are applied to the source code of a module. They allow you to pre-process files as youimportor “load” them. Thus, loaders are kind of like “tasks” in other build tools and provide a powerful way to handle front-end build steps. Loaders can transform files from a different language (like TypeScript) to JavaScript or load inline images as data URLs. Loaders even allow you to do things likeimportCSS files directly from your JavaScript modules!
How can you make Babel and Webpack work together?
By installing babel loader
