Coding Comics
Coding Comics
  • Видео 353
  • Просмотров 1 527 319
🌤️ 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 ...
Просмотров: 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

Комментарии

  • @LaibaNadeem-p4d
    @LaibaNadeem-p4d 19 часов назад

    helpfull thankyou

  • @GabrielGomes-k6g
    @GabrielGomes-k6g День назад

    I am really suprised I did not know that is possible to do that

  • @MasonAyresCreative
    @MasonAyresCreative 2 дня назад

    Straight to the point. Nice stuff.

  • @Vaibhav-Saxena25
    @Vaibhav-Saxena25 2 дня назад

    What to do if I am having 1000 of fruits in database

    • @codingcomics
      @codingcomics 2 дня назад

      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.

  • @danielayesnu2537
    @danielayesnu2537 6 дней назад

    How do you read the whole sheet too and display it in a table in html?

    • @codingcomics
      @codingcomics 5 дней назад

      I didn't understand.Could you please ask clearly?

  • @danielayesnu2537
    @danielayesnu2537 6 дней назад

    not working. i get 401 (Unauthorized)

    • @codingcomics
      @codingcomics 5 дней назад

      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.

  • @Kamron-t7w
    @Kamron-t7w 6 дней назад

    скиньте мне весь код который вы сделали

    • @codingcomics
      @codingcomics 6 дней назад

      I gave the code link in the description

  • @locnguyenthe6131
    @locnguyenthe6131 7 дней назад

    its not worked to me

    • @codingcomics
      @codingcomics 7 дней назад

      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.

  • @md.hadisurrahmanmanna7006
    @md.hadisurrahmanmanna7006 8 дней назад

    so much thanks to u bro !

  • @VigneshKanagaraj-w6z
    @VigneshKanagaraj-w6z 9 дней назад

    Thanks ❤

  • @koobier_
    @koobier_ 10 дней назад

    useless, delete that

  • @NiteshRoy-k9w
    @NiteshRoy-k9w 12 дней назад

    Why class not work but id work?

  • @NiteshRoy-k9w
    @NiteshRoy-k9w 12 дней назад

    Thanks

  • @faisalhrbk
    @faisalhrbk 13 дней назад

    much appericated mannn thanks for uploading

  • @shwetacg8251
    @shwetacg8251 15 дней назад

    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

    • @codingcomics
      @codingcomics 15 дней назад

      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

    • @shwetacg8251
      @shwetacg8251 14 дней назад

      @@codingcomics tq

  • @ankit_yadav11
    @ankit_yadav11 16 дней назад

    thanks brother

  • @ItsMe-fj1co
    @ItsMe-fj1co 18 дней назад

    Amazing tutorial, thanks bro. Thumbs up!

  • @tahabaig986
    @tahabaig986 23 дня назад

    its asking me to upgrade my project billing plans to use storage

    • @codingcomics
      @codingcomics 23 дня назад

      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.

    • @tahabaig986
      @tahabaig986 23 дня назад

      @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

    • @codingcomics
      @codingcomics 23 дня назад

      This happened to me as well. I added my card details, and based on usage, they will deduct money from my account.

    • @annieazhar9235
      @annieazhar9235 19 дней назад

      Have you found any solution?plz reply

    • @codingcomics
      @codingcomics 19 дней назад

      The solution is to purchase and use it.

  • @KamilaBeshir-t6o
    @KamilaBeshir-t6o Месяц назад

    thanks a lot bro this helps me a lot

  • @maxkosh4839
    @maxkosh4839 Месяц назад

    learn some english dude

  • @Awais....
    @Awais.... Месяц назад

    JavaScript 😮

  • @anime_worldkick7899
    @anime_worldkick7899 Месяц назад

    👌👌 thanks bruv

  • @muxammederaiev733
    @muxammederaiev733 Месяц назад

    works tnx:)

  • @mohammadsulthan9379
    @mohammadsulthan9379 Месяц назад

    Super 👍

  • @AakashPatel-hs3cn
    @AakashPatel-hs3cn Месяц назад

    Do you need to know anything before next js!

  • @AakashPatel-hs3cn
    @AakashPatel-hs3cn Месяц назад

    Do you need to know anything before starting next js ?

    • @codingcomics
      @codingcomics Месяц назад

      For better understanding first learn React js and then start Next js

  • @MalikAsad-r4d
    @MalikAsad-r4d Месяц назад

    Thank you so Much I solve my problem after watch your video love you bro

  • @OnyeStephen
    @OnyeStephen Месяц назад

    Awesome video but this does not work for .heic images

  • @siddheshmankar7535
    @siddheshmankar7535 Месяц назад

    good video work on audio pls

  • @saimatta4476
    @saimatta4476 Месяц назад

    bro get your accent better, you sound exactly like "don't redeeeeeeem thaaaaaaaaa gift caaaarrrd!"

  • @ExecutorGaming00jit
    @ExecutorGaming00jit Месяц назад

    If any para is added after the syntax at last will it also get in code snippet

    • @codingcomics
      @codingcomics Месяц назад

      Yes

    • @ExecutorGaming00jit
      @ExecutorGaming00jit Месяц назад

      @@codingcomics but I want to do it like in chat gpt ... Does code section and para one different

  • @miro3188
    @miro3188 Месяц назад

    ty

  • @MohammedHusainmobikira
    @MohammedHusainmobikira Месяц назад

    Helpful video thank you brother 👍

  • @andregustavo98
    @andregustavo98 2 месяца назад

    lindo lindo lindo lindo lind o lind o lind londl ilind lind o lindo lodin lindo lindo lindo linod linod

  • @dailylifepicture
    @dailylifepicture 2 месяца назад

    One of the best method....thanks ❤❤❤

  • @midhunmanu007
    @midhunmanu007 2 месяца назад

    I just use Tmux for things like these. Open multiple terminals in one session.

  • @SSNDigitalMediaServices
    @SSNDigitalMediaServices 2 месяца назад

    Good

  • @brendansullivan4872
    @brendansullivan4872 2 месяца назад

    You will get hacked if you do this even if you use env variables

  • @Shadowfied
    @Shadowfied 2 месяца назад

    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.

  • @Daisy-b7l
    @Daisy-b7l 2 месяца назад

    Thank you smmm

  • @razibshakil676
    @razibshakil676 2 месяца назад

    bro plz use hindi. clearly english is not your strong value

  • @SGK_Shorts
    @SGK_Shorts 2 месяца назад

    It is a Excellent tutorial. Still works fine(2024, Septemper).

  • @ByteAndGo
    @ByteAndGo 2 месяца назад

    Thanks man

  • @maheshgoud1940
    @maheshgoud1940 2 месяца назад

    Great Explanation🙌🙌🙌

  • @Dark-NoobArt
    @Dark-NoobArt 2 месяца назад

    best video ever

  • @CRUSHED_GREMLIN_RL
    @CRUSHED_GREMLIN_RL 2 месяца назад

    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

  • @CRUSHED_GREMLIN_RL
    @CRUSHED_GREMLIN_RL 2 месяца назад

    Ah serene, no music or any fuzz, to the point, keep it up 🎉

  • @chanakya.01
    @chanakya.01 2 месяца назад

    Thnx man 👍

  • @fhrmk
    @fhrmk 3 месяца назад

    man thank you amazing video aqnd it works!

  • @CRUSHED_GREMLIN_RL
    @CRUSHED_GREMLIN_RL 3 месяца назад

    Maaan! u r the only guy i found in youtube with video about this topic for web development(not app)