DEV Community: Sharmila kannan

"Yoga For Life" by wix studio

Sharmila kannan — Mon, 01 Jul 2024 04:31:18 +0000

One Byte Explainer

Sharmila kannan — Fri, 14 Jun 2024 09:29:48 +0000

This is a submission for DEV Computer Science Challenge v24.06.12: One Byte Explainer.

Explainer

Local storage ,Session storage and Cookies:
Local storage:
It was just a web storage mechanism used to store the data locally whenever the user shuts down the window there is no loss of our data(storage capacity:upto5MB)

Session storage:
It was also allows use to store data in a web browser but for the short amount of time(i.e. window get closed).we can retrieve values by using methods like get, set

Cookies:
It was used to small amount data in web browser when compared to local and session usage of cookies like authentication, tracking and maintaining session state

Additional Context

Frontend challenge June edition

Sharmila kannan — Tue, 04 Jun 2024 14:56:14 +0000

This is a submission for Frontend Challenge v24.04.17, CSS Art: June.

Inspiration

Sizzling Summer

Demo

https://codepen.io/sharmi2020-the-styleful/pen/LYoyrKQ
website URL
https://challengedev.netlify.app/

Journey

front end challenge

Sharmila kannan — Sat, 20 Apr 2024 14:07:09 +0000

This is a submission for Frontend Challenge v24.04.17, CSS Art: Earth Day.

Inspiration

Earth day challenge

Demo

https://github.com/sharmi2020/Dev-challenge

Journey

why to prefer React over other Frameworks

Sharmila kannan — Mon, 08 Apr 2024 10:05:32 +0000

Library:
React is the Javascript library which uses the virtual DOM (clone of a real DOM) and it is used to create more attractive user Interfaces.

What is mean by Virtual DOM??
Virtual DOM is a light weight copy of a actual DOM while actual DOM is slow but manipulation using virtual DOM is fast whenever there is a change in the state of any element, a new Virtual DOM tree is created. This new Virtual DOM tree is then compared with the previous Virtual DOM tree and make a note of the changes.

User Interfaces:
Helps to build user Interfaces using bootstrap,material UI,Tailwind

Components:
In react each and every elements are reusable and we easily reuse those by using these by simply importing and exporting inside our components

Conclusion
when comparing to other frontend frameworks like Angular,vue,svelte.React is much easier to learn other than that React was preferred over by many companies,React community is the largest one

FETCH API

Sharmila kannan — Thu, 21 Mar 2024 03:39:14 +0000

This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.

Explainer

Fetch Api is the JavaScript interface used to make asynchronous request (HTTP) to the servers from the web browsers.

fetch always returns the promise to resolve the response object, there is no need for XMLHttp.

Additional Context

* There are also some fetch Api methods like
 Get,Put,Post and Delete

Another advantage of Fetch Api it is more compatible with CORS (used to make connection with another domain easily) and JSON (easy to parse and process responses)