- Видео 353
- Просмотров 1 527 319
Coding Comics
Индия
Добавлен 19 апр 2021
👋 Hello Comics!!
Welcome to Coding Comics!
🚀 Are you ready to embark on a journey through the exciting world of web development? Join us as we explore React.js, Next.js, JavaScript, Node.js, HTML, CSS, Firebase, MongoDB, and more!
Let's unravel the mysteries of programming together. Welcome to Coding Comics!
*****Milestones*****
0 subscribers - 19-Apr-2021
500 subscribers - 27-May-2022
1k subscribers - 13-Oct-2022
200th video uploaded - 17-Jun-2023
Welcome to Coding Comics!
🚀 Are you ready to embark on a journey through the exciting world of web development? Join us as we explore React.js, Next.js, JavaScript, Node.js, HTML, CSS, Firebase, MongoDB, and more!
Let's unravel the mysteries of programming together. Welcome to Coding Comics!
*****Milestones*****
0 subscribers - 19-Apr-2021
500 subscribers - 27-May-2022
1k subscribers - 13-Oct-2022
200th video uploaded - 17-Jun-2023
🌤️ How to Display Weather in React || Get Specific City Weather in React || OpenWeathermap || React
openweathermap - home.openweathermap.org/users/sign_in
code: github.com/AkajithAk/ReactUiYt/blob/main/src/OpenWeather/OpenWeather.js
To get the weather for a specific city in a React.js application using the OpenWeatherMap API, follow these steps:
1. Sign Up and Obtain an API Key
Create an account on the OpenWeatherMap website.
After signing up, navigate to the API section and generate an API key. This key is required to authenticate your requests.
2. Set Up Your React Application
Create a new React application using create-react-app or any other preferred method.
Install dependencies like axios (optional) for making HTTP requests if you don't want to use the built-in fetch API.
3. Understand the ...
code: github.com/AkajithAk/ReactUiYt/blob/main/src/OpenWeather/OpenWeather.js
To get the weather for a specific city in a React.js application using the OpenWeatherMap API, follow these steps:
1. Sign Up and Obtain an API Key
Create an account on the OpenWeatherMap website.
After signing up, navigate to the API section and generate an API key. This key is required to authenticate your requests.
2. Set Up Your React Application
Create a new React application using create-react-app or any other preferred method.
Install dependencies like axios (optional) for making HTTP requests if you don't want to use the built-in fetch API.
3. Understand the ...
Просмотров: 111
Видео
How to Insert Data from React Form to Google Sheet || Integrating Google Sheets with React || React
Просмотров 71619 часов назад
Code: github.com/AkajithAk/ReactUiYt/tree/main/src/FormToSheet To insert data from a React form into a Google Sheet without using a backend, you can leverage Google Apps Script to act as an intermediary between your React app and Google Sheets. Here's a general approach to achieve this: Google Apps Script Setup: Create a Google Apps Script that acts as a web app. This script will handle incomin...
How to Setup Redux ToolKit in React Js | How to Integrate Redux ToolKit in React Js | Redux Toolkit
Просмотров 5814 дней назад
How to Connect Redux ToolKit in React Code: github.com/AkajithAk/ReactUiYt/tree/main/src/ReactReduxToolKit Redux ToolKit:- npm install @reduxjs/toolkit Redux:- npm install react-redux Redux-ToolKit Site : redux-toolkit.js.org/introduction/getting-started Redux Toolkit, increment and decrement operations are handled by defining actions and updating the state in a centralized way. Here’s how it w...
🚀 Next Js Basics || Next Js for Beginners
Просмотров 15614 дней назад
Create Next js Project To start with Next js, install it via npx create-next-app command. This initializes a project with the necessary configuration to run a Next js app, including the app directory (for App Router-based routing), pages directory and all essential files. App Routing The App Router is based on a file structure within the app/ directory. Routes are automatically generated from t...
🚀 Tailwind CSS Setup in Next js || How to Add Tailwind CSS in Next js || Tailwind in Next Js
Просмотров 11314 дней назад
Link : tailwindcss.com/docs/guides/nextjs To add Tailwind CSS to a Next.js project, you need to follow several key steps that include installing Tailwind CSS, configuring it to work within the Next.js environment, and setting up the necessary files for styling. Step 1: Install Tailwind CSS and Dependencies Begin by installing Tailwind CSS and its dependencies. Tailwind requires both postcss and...
🧰 How to Add OG Tags in Next Js || How to add MetaData in Next Js || How to change Title in Next Js
Просмотров 6714 дней назад
To add Open Graph (OG) tags in a Next.js project using the metadata, you will need to make use of the new metadata API introduced in Next.js 13. This API allows you to define SEO-related meta tags, including Open Graph tags, in a more structured way. The OG tags help improve how your pages appear when shared on social media platforms like Facebook, Twitter, and LinkedIn. Here’s a breakdown of h...
🖊️ How to Changing Page Title in Next.js || How to Change Title based on Routing in Next js
Просмотров 4714 дней назад
🖊️ How to Changing Page Title in Next.js || How to Change Title based on Routing in Next js
🧩 Understanding layout.js in next.js || layout.js || Next Js
Просмотров 11714 дней назад
🧩 Understanding layout.js in next.js || layout.js || Next Js
📷 How to Access User webcam in React || How to Capture Live Image in webcam in React || react-webcam
Просмотров 6221 день назад
📷 How to Access User webcam in React || How to Capture Live Image in webcam in React || react-webcam
⚙️ How to Change Next.js Port Number || How to Change Default Port Number in Next Js || Next Js
Просмотров 46Месяц назад
⚙️ How to Change Next.js Port Number || How to Change Default Port Number in Next Js || Next Js
📮 API Routing and POST Method in Next Js App Router || How to Create API Routing in Next js || Fetch
Просмотров 32Месяц назад
📮 API Routing and POST Method in Next Js App Router || How to Create API Routing in Next js || Fetch
🎯 How to Fetch Specific Data by ID in Next Js API Routes || Get specific ID from API Routing Next Js
Просмотров 111Месяц назад
🎯 How to Fetch Specific Data by ID in Next Js API Routes || Get specific ID from API Routing Next Js
📡 API Routing and GET Method in Next Js App Router || What is API Routing in Next Js || Next Js
Просмотров 41Месяц назад
📡 API Routing and GET Method in Next Js App Router || What is API Routing in Next Js || Next Js
🚧 How to Create a Custom 404 Page in Next Js || Routing || Next Js
Просмотров 38Месяц назад
🚧 How to Create a Custom 404 Page in Next Js || Routing || Next Js
🔄 How to Set Dynamic Reusable Input Value in useState Next Js || Get Value from Input in Next Js
Просмотров 47Месяц назад
🔄 How to Set Dynamic Reusable Input Value in useState Next Js || Get Value from Input in Next Js
🔧 How to Create Reusable Input and Button Components with Props in Next.js || useState || Props
Просмотров 42Месяц назад
🔧 How to Create Reusable Input and Button Components with Props in Next.js || useState || Props
✍️ How to Get Input Value in Next Js with useState || Get Value in Next Js || useState || Next Js
Просмотров 42Месяц назад
✍️ How to Get Input Value in Next Js with useState || Get Value in Next Js || useState || Next Js
✨ CSS Modules in Next.js || How to Apply Style by using Module in Next js || Module class || Next js
Просмотров 23Месяц назад
✨ CSS Modules in Next.js || How to Apply Style by using Module in Next js || Module class || Next js
🎨 How to Apply Styles to a Component in Next Js || Inline Styles Next.js || External Styles Next.js
Просмотров 10Месяц назад
🎨 How to Apply Styles to a Component in Next Js || Inline Styles Next.js || External Styles Next.js
✏️ How to Create and Import Component in Next Js || Creating Buttons and Input Fields in Next Js
Просмотров 92Месяц назад
✏️ How to Create and Import Component in Next Js || Creating Buttons and Input Fields in Next Js
💡 How to use useState and useEffect in Next Js || useState in Next Js || useEffect in Next Js
Просмотров 40Месяц назад
💡 How to use useState and useEffect in Next Js || useState in Next Js || useEffect in Next Js
🔗 How to Implement Nested Dynamic Routing in Next.js || Dynamic Nested Routing in Next js || Routing
Просмотров 40Месяц назад
🔗 How to Implement Nested Dynamic Routing in Next.js || Dynamic Nested Routing in Next js || Routing
📂 How to Create Nested Routes in Next js || Nested Routing in Next Js || Routing in Next js || Next
Просмотров 30Месяц назад
📂 How to Create Nested Routes in Next js || Nested Routing in Next Js || Routing in Next js || Next
📚 Dynamic App Routing in Next Js || Basics of Dynamic Routing in Next js || Rouitng || Next Js
Просмотров 51Месяц назад
📚 Dynamic App Routing in Next Js || Basics of Dynamic Routing in Next js || Rouitng || Next Js
🚀App Routing using useRouter in Next Js || How to Use useRouter in Next js || Next js Router
Просмотров 101Месяц назад
🚀App Routing using useRouter in Next Js || How to Use useRouter in Next js || Next js Router
Next Js App Routing 💡 || How to Implement Routing in Next Js || App Routing || Routing || Next JS
Просмотров 50Месяц назад
Next Js App Routing 💡 || How to Implement Routing in Next Js || App Routing || Routing || Next JS
📝 How to Create Next js Project and 📁 Folder Structure Explanation 🚀 || Next Js
Просмотров 51Месяц назад
📝 How to Create Next js Project and 📁 Folder Structure Explanation 🚀 || Next Js
📆 React DatePicker: Clearable dates, dateFormat, minDate, maxDate, placeholderText, disabled
Просмотров 1182 месяца назад
📆 React DatePicker: Clearable dates, dateFormat, minDate, maxDate, placeholderText, disabled
How to Run Node.js Project Inside React Project with One Command || React Js || Node JS
Просмотров 1522 месяца назад
How to Run Node.js Project Inside React Project with One Command || React Js || Node JS
How to Protect Specific Path in React js || React Routing || react-router-dom || Protect Routing
Просмотров 862 месяца назад
How to Protect Specific Path in React js || React Routing || react-router-dom || Protect Routing
helpfull thankyou
I am really suprised I did not know that is possible to do that
Straight to the point. Nice stuff.
What to do if I am having 1000 of fruits in database
Searchable Dropdown: Let users search for options instead of showing all at once. Load More on Scroll: Show a few options initially and load more as the user scrolls. Group Options: Organize options into categories for easy navigation. Render Only Visible Items: Use libraries like react-window to display only the options visible on the screen.
How do you read the whole sheet too and display it in a table in html?
I didn't understand.Could you please ask clearly?
not working. i get 401 (Unauthorized)
Follow along with what I’m doing in the video and check the code linked in the description. If you encounter any errors, let me know. It worked for me.
скиньте мне весь код который вы сделали
I gave the code link in the description
its not worked to me
Follow along with what I’m doing in the video and check the code linked in the description. If you encounter any errors, let me know. It worked for me.
so much thanks to u bro !
Thanks ❤
useless, delete that
Why class not work but id work?
Thanks
much appericated mannn thanks for uploading
I have bought the key store value from the team how can I add the path Can I add the path which they have gave or else
To add the keystore path, you need to place the keystore file in your project directory and then reference its path in the key.properties file. or you can keep the keystore file outside your project directory if you prefer. The key thing is to provide the correct path to the keystore in your key.properties file
@@codingcomics tq
thanks brother
Amazing tutorial, thanks bro. Thumbs up!
its asking me to upgrade my project billing plans to use storage
Firebase prompts you to choose a plan because certain features have usage limits in the free plan. If you exceed those limits, like with storage space or database usage, Firebase may ask you to upgrade to a paid plan for more resources.
@codingcomics i am pretty sure I havent exceeded there limit as of now as its my first time creating an acc and i just created one database
This happened to me as well. I added my card details, and based on usage, they will deduct money from my account.
Have you found any solution?plz reply
The solution is to purchase and use it.
thanks a lot bro this helps me a lot
learn some english dude
JavaScript 😮
👌👌 thanks bruv
works tnx:)
Super 👍
Do you need to know anything before next js!
Do you need to know anything before starting next js ?
For better understanding first learn React js and then start Next js
Thank you so Much I solve my problem after watch your video love you bro
Awesome video but this does not work for .heic images
good video work on audio pls
bro get your accent better, you sound exactly like "don't redeeeeeeem thaaaaaaaaa gift caaaarrrd!"
If any para is added after the syntax at last will it also get in code snippet
Yes
@@codingcomics but I want to do it like in chat gpt ... Does code section and para one different
ty
Helpful video thank you brother 👍
lindo lindo lindo lindo lind o lind o lind londl ilind lind o lindo lodin lindo lindo lindo linod linod
One of the best method....thanks ❤❤❤
I just use Tmux for things like these. Open multiple terminals in one session.
Good
You will get hacked if you do this even if you use env variables
I'd strongly advice against imperatively determining the state of whether it's checked by getting the actual HTML element. You have the data in the selected state, just check if it's in there, keep it declarative as React is, avoid interacting with the DOM.
Thank you smmm
bro plz use hindi. clearly english is not your strong value
It is a Excellent tutorial. Still works fine(2024, Septemper).
Thanks man
Great Explanation🙌🙌🙌
best video ever
Very valuable short in length, I didn't knew we could do that, now make a video about how to scroll to a component with one click when the component is in another page, which means first the route has to be changed then scroll to the component, Please make a video about it
Ah serene, no music or any fuzz, to the point, keep it up 🎉
Thnx man 👍
man thank you amazing video aqnd it works!
Maaan! u r the only guy i found in youtube with video about this topic for web development(not app)