Posts

Showing posts from December, 2022

Setup Babel Transpiler for Vanilla NodeJS project

  In Node.js, you can use the require function to include modules that are part of the Node.js runtime, or that have been installed from npm (the Node.js package manager). Th e import sta tement is not supported in Node.js, because it is part of the JavaScript ECMAScript (ES) module system, which is not yet fully supported in Node.js. Node.js has its own module system, which u ses the require functio n to include modules. // GIVES ERRORS ! // index.js import axios from 'axios' ; axios . get ( 'https://jsonplaceholder.typicode.com/users' )   . then ( response => {     console . log ( response .data);   })   . catch ( error => {     console . error ( error );   }); //----------------------------------------------- ----------- ----------- --------------- // WORKS, NO ERRORS ! // index.js const axios = require ( "axios" ); axios . get ( 'https://jsonplaceholder.typicode.com/users' )   . then ( response => {   ...

Tailwind CSS with ReactJS

Image
Tailwind CSS Cheatsheet - here Tailwind CSS is a utility-first CSS framework designed to enable users to create applications faster and easier. You can use pre-defined utility classes to control the layout, color, spacing, typography, shadows, and more to create a completely custom component design without leaving your HTML or writing a single line of custom CSS in external files. Tailwind CSS is a low-level framework. Meaning, unlike other CSS frameworks like Bootstrap and MaterialUI, Tailwind doesn’t offer fully styled components like buttons, dropdowns, and navbars. Instead, it offers utility classes so you can create your own reusable components. For that reason, it provides a lot more flexibility and control over what your application looks like than other CSS frameworks. This can enable you to create a more unique site. Some really important benefits of Tailwind CSS over the Traditional CSS : You aren’t wasting energy inventing class names . No more adding silly ...