Logo
BEAUTY IN SIMPLE

Tutorial

Tutorial

How to create custom reusable ESLint, TypeScript, Prettier config for React apps

How to create a custom reusable ESLint (for TypeScript) and Prettier config and publish it as npm package. And how to add Husky and lint-staged packages to React project.

Tutorial

Next.js Dashboard layout with TypeScript and Styled components

How to create a classic Dashboard layout that includes a header, footer, menu drawer (sidebar) with toggle, multilevel nested menu and content using Next.js, TypeScript and Styled component.

Tutorial

React Native Internationalization with i18next

How to add internationalization functionality to a React Native app using i18next library.

Tutorial

React: enable Google Analytics after a user grants consent

How to conditionally enable Google Analytics tracker depending on a user's prior consent.

Tutorial

Dashboard layout with React.js and Material-UI

How to create a classic Dashboard layout that includes a header, footer, menu drawer (sidebar) with toggle and content using React.js and Material UI.

Tutorial

React: How to create a custom Button Group component in 5 minutes

How to create a custom Button Group component in 5 minutes from scratch with selection (active button) functionality using React.js.

Tutorial

How to write and use custom hooks in React.js

Tutorial about how to write custom hooks in React.js. In this tutorial, we will write hooks for smooth scrolling, document title update, and browser URL change.

Tutorial

Javascript: How to access the return value of a Promise object

How to return a value from a Javascript's Promise object and then use it later in a code.