React Native Web – Installation
How to use react-native-web for existing ReactJs app (1)? You can install react-native-web for your existing npx create-react-app my-app Install babel-plugin-module-resolver plugin to resolve your project modules […]
Web App
Testing – How to automate Web browser by Puppeteer?
Setup Create NodeJS project Code template How to open Chrome app, not Chromium? Open Terminal/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome –remote-debugging-port=9222 –no-first-run –no-default-browser-check –user-data-dir=$(mktemp -d -t ‘chrome-remote_data_dir’) You […]
Selenium nodeJs – How to run webdriver in Chrome?
Login a form Setup nodeJs project Code template – Login a form How to check if form is logged in successfully? Reference Set up a […]
React – Storybook: How to use react-native-web in Storybook?
Set up a React website built with webpack Setup Initialize a package.json Install React, Babel, Webpack Create webpack.config.js at the root of the project Create a public/index.html, public/index.js, […]
JavaScript – How to write code cleaner with Async/ Await?
How to use Async/ Await with async function having callback? Not using Async/ Await Using Async/ Await How to use Promise in “reduce”? You have […]
JavaScript – Is Set better than Array?
What are differences between Set and Array? Arrays can have duplicate values but Sets can’t Array is ordered by index. Set uses keys and elements […]
JavaScript – Is Map better than Object?
What are differences between Map and Object? Key in Object must be “String” or “Symbol” whereas Key in Set can be anything To iterate over […]
Bluehost – How to run a React website?
Create subdomain Access your-main-domain.com/your-sitename to check if it works Create React website on local Create React website Config package.json file Add homepage key with exact […]
React – Anti-patterns to be avoided
Initializing the state using properties Issues We have a duplicated source of truth because “Props” and “State” hold a similar value. It’s unclear which is […]
React – Server Side Rendering (SSR)
What is a Universal Application? A Universal application is an application that can run both on the server- and the client-side with the same code.React […]