<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: abhisheks-12</title>
    <description>The latest articles on DEV Community by abhisheks-12 (@abhisheks12).</description>
    <link>https://dev.to/abhisheks12</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F723002%2F361250a2-317f-45ea-adb3-df3a10f20056.png</url>
      <title>DEV Community: abhisheks-12</title>
      <link>https://dev.to/abhisheks12</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/abhisheks12"/>
    <language>en</language>
    <item>
      <title>Adding SSL Certificate to JVM in order to access HTTPS</title>
      <dc:creator>abhisheks-12</dc:creator>
      <pubDate>Tue, 12 Jul 2022 13:12:33 +0000</pubDate>
      <link>https://dev.to/abhisheks12/adding-ssl-certificate-to-jvm-in-order-to-access-https-17k1</link>
      <guid>https://dev.to/abhisheks12/adding-ssl-certificate-to-jvm-in-order-to-access-https-17k1</guid>
      <description>&lt;h2&gt;
  
  
  1. Export Certificate from url.
&lt;/h2&gt;

&lt;p&gt;1) Click on view site information icon.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--GKwTJpAU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d84rq7q0cxzkp47cuf4s.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--GKwTJpAU--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d84rq7q0cxzkp47cuf4s.png" alt="Image description" width="313" height="90"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;2)Click on connection is secure icon .&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--tYryiQQu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/now3t5onfl0umdw7fjoy.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--tYryiQQu--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/now3t5onfl0umdw7fjoy.png" alt="Image description" width="387" height="151"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;3) After that click on &lt;em&gt;Certificate is valid.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;4) Now go to certificate and click on &lt;em&gt;details tab.&lt;/em&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--PSkeuTpY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fluehmo0dtfxcku5tswl.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--PSkeuTpY--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fluehmo0dtfxcku5tswl.png" alt="Image description" width="467" height="615"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;5) Click on &lt;em&gt;Copy to File&lt;/em&gt; and then okay. After that Certificate Export Wizard will open , now click on Next button.&lt;/p&gt;

&lt;p&gt;6) Now select DER encoding and click on next.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--32umCkzz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2erbc1tfzitjowp6nxix.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--32umCkzz--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2erbc1tfzitjowp6nxix.png" alt="Image description" width="617" height="623"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;7) Provide file path. Where you want to export and then click on next. &lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ompvWbLE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0k3qh4iq5dcct5ohnowb.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ompvWbLE--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0k3qh4iq5dcct5ohnowb.png" alt="Image description" width="626" height="625"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;8) Now click on finish to complete export.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vFOUCSYZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gex02yi9cbbgxju4rxja.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vFOUCSYZ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gex02yi9cbbgxju4rxja.png" alt="Image description" width="615" height="613"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  2. Add certificate to java key store
&lt;/h2&gt;

&lt;p&gt;1) Now rum cmd as administrator.&lt;br&gt;
2) Navigate to java bin folder.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--iIkQu35I--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bivbk9n23t28ilmce5md.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--iIkQu35I--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bivbk9n23t28ilmce5md.png" alt="Image description" width="377" height="31"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;3) Now Enter following commands on cmd - &lt;br&gt;
&lt;code&gt;keytool -importcert -file &amp;lt;filepath of certificate&amp;gt; -alias &amp;lt;certificate name&amp;gt; -keystore "C:\Program Files\java\jdk-11.0.13\lib\security\cacerts"&lt;/code&gt; &lt;/p&gt;

&lt;p&gt;4) Example - &lt;br&gt;
&lt;code&gt;keytool -importcert -file C:\Demo\ssl.cer -alias ssl -keystore "C:\Program Files\java\jdk-11.0.13\lib\security\cacerts"&lt;/code&gt;&lt;/p&gt;

&lt;p&gt;5) Now after entering command it will ask for password and password is &lt;strong&gt;changeit.&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;6)Now restart your JVM.&lt;/p&gt;

</description>
    </item>
    <item>
      <title>Java Script Array Methods</title>
      <dc:creator>abhisheks-12</dc:creator>
      <pubDate>Sat, 16 Oct 2021 17:51:21 +0000</pubDate>
      <link>https://dev.to/abhisheks12/java-script-array-methods-1jpc</link>
      <guid>https://dev.to/abhisheks12/java-script-array-methods-1jpc</guid>
      <description>&lt;p&gt;Array is data structure in which we store different collection of data. Now we are going to  see array methods.&lt;/p&gt;

&lt;p&gt;1) &lt;strong&gt;ForEach&lt;/strong&gt;- For looping over array we use ForEach method,&lt;br&gt;
it will access every element individually and it takes callback function.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--nO3UjrVJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bo34fz2kjcqfeftuf94c.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nO3UjrVJ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bo34fz2kjcqfeftuf94c.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;2) &lt;strong&gt;Map&lt;/strong&gt; - It will create new array without changing original array. Suppose we want multiply each number by two  from given array and push it in new array , we can do it easily with help of map.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--MVhLEwrm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xb9nx4kklm8wjsofv30f.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--MVhLEwrm--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xb9nx4kklm8wjsofv30f.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;3) &lt;strong&gt;Filter&lt;/strong&gt; - with help of filter method we easily filter some elements from array . suppose we want to take numbers only smaller than 2.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--t01HhnFc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h0ez9d5d5qnt0fb3v7u9.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--t01HhnFc--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h0ez9d5d5qnt0fb3v7u9.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;4) &lt;strong&gt;Reduce&lt;/strong&gt; - Suppose we have array which contains number  and we want sum of those numbers. Here we can use reduce method which takes call back function and accumulator. We add accumulator and current number and at end of loop it takes accumulators value&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--IRoj5wYf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0ge86f53pdh24fyo4yk5.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--IRoj5wYf--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0ge86f53pdh24fyo4yk5.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;5) &lt;strong&gt;Push&lt;/strong&gt; - It will add element at end of array.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--QjTAdNzQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0wnvvkgextl3ngrnmo9z.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--QjTAdNzQ--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0wnvvkgextl3ngrnmo9z.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;6) &lt;strong&gt;Pop&lt;/strong&gt; - It will remove last element of array.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--sOriXl90--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xa4p9pvms31int4q26by.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--sOriXl90--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xa4p9pvms31int4q26by.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;7) &lt;strong&gt;Indexof&lt;/strong&gt; - It simply gives index of given element&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--3QvJGQDV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nkmcn2cftjk68ue7oaxc.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--3QvJGQDV--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nkmcn2cftjk68ue7oaxc.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;8) &lt;strong&gt;Reverse&lt;/strong&gt; - It will reverse array.&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--I6v8UEYd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jigd6fyreyu2rmkpezbt.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--I6v8UEYd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jigd6fyreyu2rmkpezbt.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;9) &lt;strong&gt;Includes&lt;/strong&gt; - If value is present in array it will give us true else false.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--y35JppcL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kr5oiu7od725vn85u4ov.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--y35JppcL--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kr5oiu7od725vn85u4ov.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;10) &lt;strong&gt;Join&lt;/strong&gt; - It will join array and convert it into string&lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--7LKquVl---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mgt79euzw3xlngfjsi4b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7LKquVl---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mgt79euzw3xlngfjsi4b.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>Read Data From Firebase Firestore (V9)</title>
      <dc:creator>abhisheks-12</dc:creator>
      <pubDate>Sat, 16 Oct 2021 13:25:31 +0000</pubDate>
      <link>https://dev.to/abhisheks12/read-data-from-firebase-firestore-v9-28be</link>
      <guid>https://dev.to/abhisheks12/read-data-from-firebase-firestore-v9-28be</guid>
      <description>&lt;p&gt;For reading data from firestore database we will need some starter files so clone this repo &lt;a href="https://github.com/abhisheks-12/Blog-dev-to" rel="noopener noreferrer"&gt;https://github.com/abhisheks-12/Blog-dev-to&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;1) Go to &lt;a href="https://firebase.google.com/" rel="noopener noreferrer"&gt;https://firebase.google.com/&lt;/a&gt; then click on Go to console.&lt;/p&gt;

&lt;p&gt;2) Now create project with name parking system and after that turn off google  analytics.&lt;/p&gt;

&lt;p&gt;3) After that click on &amp;lt;/&amp;gt; icon which represents web app.&lt;/p&gt;

&lt;p&gt;4) Register app with any name , then copy firebase configuration and if you don't have firebase install firebase first.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb80i86cuvh5vwmoafed8.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fb80i86cuvh5vwmoafed8.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;5) After that go to your editor open src/Firebase/config.js &lt;br&gt;
and paste configuration here&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fupgicfcs3s6un4huz6zh.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fupgicfcs3s6un4huz6zh.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;6) Again go to firebase click on firestore database.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn3457ynnj36og92moydm.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fn3457ynnj36og92moydm.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;7) Click on start collection and create your data base like this &lt;br&gt;
picture&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff540jgyhgsz37r8tu034.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ff540jgyhgsz37r8tu034.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;8) Now come back to your text editor open src/App.js.&lt;/p&gt;

&lt;p&gt;9)Import following statements&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fva2qfy8bvysir2ta1pgs.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fva2qfy8bvysir2ta1pgs.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;10) Now we will fetch data from firestore so we will use async function so first see this code&lt;br&gt;
&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbe0n1x6mp9ezi1xz8ohp.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbe0n1x6mp9ezi1xz8ohp.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;11) Here we are using getData function to fetch data ,now we will save data in parkingData first console log parkingData after logging we will find doc value in this value there will be objects of our  data.&lt;/p&gt;

&lt;p&gt;12) In setCars we are setting data in array using map method . All properties will come in different objects so we are destructuring &lt;br&gt;
this properties into one object with unique id .&lt;/p&gt;

&lt;p&gt;15) Now we have data and now we are going to loop over that data &lt;br&gt;
using map and access every property and set it in our html .&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmbi1inw3n1zviaz1ik4q.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fmbi1inw3n1zviaz1ik4q.png" alt="Image description"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;16) Here is final code &lt;a href="https://github.com/abhisheks-12/Blog-dev-to/tree/final/src" rel="noopener noreferrer"&gt;https://github.com/abhisheks-12/Blog-dev-to/tree/final/src&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>react</category>
      <category>firebase</category>
      <category>beginners</category>
    </item>
    <item>
      <title>React useState</title>
      <dc:creator>abhisheks-12</dc:creator>
      <pubDate>Sun, 10 Oct 2021 18:05:35 +0000</pubDate>
      <link>https://dev.to/abhisheks12/react-usestate-4o71</link>
      <guid>https://dev.to/abhisheks12/react-usestate-4o71</guid>
      <description>&lt;p&gt;Hey guys this is my first blog...&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--8LFfsrzC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vnx1f7048a9pik1ujpt1.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--8LFfsrzC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vnx1f7048a9pik1ujpt1.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
Suppose we have to render name in react app . We can save that name  in simple variable and render that name .&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--RGEzS6lF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sb840l0texxq5mbbj17b.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--RGEzS6lF--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sb840l0texxq5mbbj17b.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
But what if we want to change name to Alfred after clicking Change Name button , so let's pass changeName function . In changeName function if we change value of variable name to Alfred that's not going to work.&lt;/p&gt;

&lt;p&gt;So here we use useState hook .&lt;br&gt;
for using useState hook first we need to import it from react.&lt;br&gt;
Example-&lt;br&gt;
1.import { useState } from "react";&lt;/p&gt;

&lt;p&gt;With help of useState we set two variables like &lt;br&gt;
&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--5Y34dCR9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/val54vomp5w5bfjfiatd.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5Y34dCR9--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/val54vomp5w5bfjfiatd.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Here name variable represents Bruce , after that in changeName  function we use setName variable to set name to Alfred.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://res.cloudinary.com/practicaldev/image/fetch/s--evYQAXtg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dnanxubx46drkvk062cw.png" class="article-body-image-wrapper"&gt;&lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--evYQAXtg--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dnanxubx46drkvk062cw.png" alt="Alt Text"&gt;&lt;/a&gt;&lt;br&gt;
now after click name will change to Alfred. We can pass different type of  data in useState hook.&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>react</category>
      <category>reacthooks</category>
    </item>
  </channel>
</rss>
