Zonat Solutions

  Craco Configuration Craco :     Craco stands for creating react app configuration override. It's a tool for configuring the create react app tool and overriding the default configuration. it can be used to configure eslint as well as babel. we will be using it for configuration to avoid messy imports e.ge.                         import {anycomponent} from '../../../components/anycomponent/anycomponent.js" we will be converting this import into something like :                      import {anycomponent} from '@components/anycomponent". so lets get started. Configuration :     we will be creating a new react app with a typescript template for this purpose in order to end up with a complete and running code. you will also find the link to the Github repo at the end of this tutorial. Step 1:          ...

HTML :  HTML means HyperText Markup Language. It is used to create the markup for the websites. Most of the websites are structured using HTML. Then content can be structured using different kinds of elements in the websites. The elements can be wrapped inside and nested to make a perfect structure for the content of the website. The simple structure of the website looks like this : <! DOCTYPE   html > < html   lang = "en" > < head >   < meta   charset = "UTF-8" >   < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >   < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >   < title >Document</ title > </ head > < body >   </ body > </ html > Don't overwhelm yourself. you will understand it as you go. most of the developers don't understand the basic structure as it is created by most...

How to Check the element type  you can check the element type by applying the border using CSS. if the border appears on the whole page. The element will be a block-level element and if the border wraps around the content of the element only. then the element will be an inline-level element example <! DOCTYPE   html > < html   lang = "en" > < head >   < meta   charset = "UTF-8" >   < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >   < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >   < title >Document</ title >   < style >    p {      border :  1 px   solid   black ;   }   </ style > </ head > < body >   < p >   This is a paragraph   </ p > </ body > ...