The Shadow DOM is a browser technology designed primarily for scoping variables and CSS in web components PDF

Preview

Summary

The Shadow DOM is a browser technology designed primarily for scoping variables and CSS in web components.

The virtual DOM is a concept implemented by libraries in JavaScript on top of browser APIs....

Description

The Shadow DOM is a browser technology designed primarily for scoping variables and CSS in web components.

The virtual DOM is a concept implemented by libraries in JavaScript on top of browser APIs.

------------------react fiber:

https://mokkapps.de/blog/my-top-react-interview-questions/#9-what-is-react-fiber

--------------error boundaries : catchs js errors anywhere in their child component tree, logs them and displays a fallsback UI instead of crash.

---------Event handling

In HTML, you can return false to prevent default behavior:

Whereas in React you must call preventDefault() explicitly:

function handleClick(event) { event.preventDefault() console.log('The link was clicked.') }

----------------

SyntheticEvent is a cross-browser wrapper around the browser's native event. It's API is same as the browser's native event, including stopPropagation() and preventDefault(), except the events work identically across all browsers.

--------------https://github.com/sudheerj/reactjs-interview-questions#what-is-the-purpose-of-using-superconstructor-with-props-argument

--------------------

https://github.com/sudheerj/reactjs-interview-questions#what-is-reconciliation

https://github.com/sudheerj/reactjs-interview-questions#why-is-a-component-constructor-called-onlyonce ----------------------------------------------render() { // Correct: handleClick is passed as a reference! return {'Click Me'} }

----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#why-fragments-are-better-than-container-divs

-----------------------------------------------

https://github.com/sudheerj/reactjs-interview-questions#what-are-portals-in-react

-----------------------------------------------

https://github.com/sudheerj/reactjs-interview-questions#what-are-error-boundaries-in-react-v16

-----------------------------------------------

https://github.com/sudheerj/reactjs-interview-questions#what-is-the-use-of-react-dom-package

-----------------------------------------------

https://github.com/sudheerj/reactjs-interview-questions#what-is-reactdomserver

https://github.com/sudheerj/reactjs-interview-questions#how-you-implement-server-side-rendering-orssr -----------------------------------------------

https://github.com/sudheerj/reactjs-interview-questions#how-to-use-innerhtml-in-react ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#what-will-happen-if-you-use-props-in-initialstate ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#how-you-use-decorators-in-react ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#how-do-you-memoize-a-component ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#what-are-the-lifecycle-methods-going-to-bedeprecated-in-react-v16 ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#what-is-the-recommended-ordering-ofmethods-in-component-class ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#why-we-need-to-pass-a-function-to-setstate

----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#what-are-react-mixins ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#why-is-ismounted-an-anti-pattern-and-whatis-the-proper-solution ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#what-are-the-pointer-events-supported-inreact ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#what-are-the-exceptions-on-react-componentnaming ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#what-is-the-difference-between-super-andsuperprops-in-react-using-es6-classes ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#what-is-the-difference-between-react-andreactdom

----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#why-reactdom-is-separated-from-react ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#how-to-combine-multiple-inline-style-objects

----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#how-to-re-render-the-view-when-thebrowser-is-resized ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#is-it-possible-to-use-react-without-renderinghtml ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#how-to-pretty-print-json-with-react

----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#why-you-cant-update-props-in-react ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#how-to-avoid-using-relative-path-imports-increate-react-app ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#how-to-add-google-analytics-for-react-router ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#how-to-update-a-component-every-second ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#how-to-define-constants-in-react ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#how-to-programmatically-trigger-click-eventin-react ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#what-are-the-popular-packages-for-animation ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#what-are-the-popular-react-specific-linters ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#what-are-render-props

========================================================================= React Router ========================================================================= https://github.com/sudheerj/reactjs-interview-questions#what-are-the-router-components-of-reactrouter-v4 -----------------------------------------------

https://github.com/sudheerj/reactjs-interview-questions#how-do-you-programmatically-navigate-usingreact-router-v4 ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#how-to-get-query-parameters-in-react-routerv4 ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#how-to-pass-params-to-historypush-methodin-react-router-v4

========================================================================= React Internationalization ========================================================================= https://github.com/sudheerj/reactjs-interview-questions#react-internationalization

========================================================================= React Testing

========================================================================= ----------------------------------------------https://github.com/sudheerj/reactjs-interview-questions#react-testing

-----------------------------------------------

-----------------------------------------------

-----------------------------------------------

-----------------------------------------------...