What is the best resource to learn the basics of React over the internet? This question has come to almost everyone’s mind while starting to learn something new. Let’s talk about the Pure React book.
Steps to easily use Firebase Realtime Database in React App
Below error could show up after installing dependencies to a project from Package.json. For babel specific dependency, we might have to install separate babel/core to resolve this issue. Reference – https://github.com/babel/gulp-babel/issues/124#issuecomment-326853222 All Hail, Babel!
Steps to deploy the app to Firebase: App will be hosted at URL provided by Firebase Hosting. Reference – How to deploy a React application to Firebase by ROBIN WIERUCH – https://www.robinwieruch.de/firebase-deploy-react-js Keep Hosting! 🎇
Dotenv is a zero-dependency module that loads environment variables from a .env file into process.env. Storing configuration in the environment separate from code is based on The Twelve-Factor App methodology. https://github.com/motdotla/dotenv As early as possible in your application, require and configure dotenv. require(‘dotenv’).config() Create a .env file in the root directory of your project. Add environment-specific variables on new lines in theContinue reading “What is dotenv and how to use it?”
How to use React Hook Forms
Guppy is an application manager and it helps in running tasks. This involves tasks which are run through terminal. For React application development, this tool can help in minimizing the time spent on writing commands in terminal. It can npm start your app through it’s beautiful graphical user interface. It can help build the appContinue reading “Guppy – development made easy”
This is a common error faced by beginners and everyone else writing code in ReactJS. This error comes up when set of parenthesis are applied after Component, like Component( ). Happy Coding!
The most basic thing I learned after fundamantals was using APIs in ReactJS. Although not easy, it took sometime to master its concepts. There are 3 ways to Fetch data from API: Using Fetch with Lifecycle Method – componentDidMount in stateful/class component Using Fetch with useState hook in stateless/functional component Using Axios AJAX call inContinue reading “Fetch API in ReactJS Projects”
Expected an assignment or function call and instead saw an expression is a common error whenever I forget adding return keyword to a function. In the else if return statement, I missed the return keyword, causing this error. Problem solved.