COMPARISON
Backward-compatibility, monitoring upload progress, and more
In my previous article, “Deep Insights Into JavaScript’s Fetch API”, I discussed the basics of the Fetch API. But it’s worth acknowledging that fetch() isn’t consistently an ideal solution, and there are sometimes better alternatives for making HTTP requests. Here I’ll describe why Axios is better than fetch() in development. This is my 36th Medium article.
Overview and Syntax
Fetch
Fetch() is part of a JavaScript window-object method within the Fetch API. It is built in, so users don’t have to install it. Fetch() allows us to get data from the API asynchronously without installing any additional libraries.
The above piece of code…
A deeper look at fetch
Requesting resources from an API is a popular and nearly crucial feature required for building modern applications. Whether you have created your own API or you are implementing a third-party API, you need a way to create your requests without slowing down your application. fetch() is an upgraded version of XMLHttpRequest, used to make HTTP requests in JavaScript scripts. The main difference between Fetch and XMLHttpRequest is that the Fetch API uses Promises, hence avoiding callback hell. The fetch API is natively supported by all modern browsers except Internet Explorer. This article details its usage. …
FRONT END
Take useEffect() as an example
I already wrote about React best practices. I have mentioned that React hooks write stateful functional components. Nowadays, Most of the React frameworks such as react-i18next, Material-UI, and etc are encouraged to use React hooks. However, recently I have come to realize that React hooks are very useful. React hooks are introduced after the React v16.08. Here I am going to describe React hooks very simply and easily. This is my 34th Medium article.
Two sets of React API
In the past, there was only one set of React API, now there are two sets: class API and function-based hooks API. Any component can be…
FRONT END
Embed GitHub repo on your Website using Material-UI gives better UI
They say imitation is a form of flattery but honey, it is time to get your own ideas.
I thought to embed my GitHub projects on my website like pinned repositories in GitHub. First I faced a problem that how could I get the programming language colors as shown in GitHub. Then I found that was defined in GitHub linguist. But linguist file defined in YAML Therefore, I fetched that data and convert it to JSON. Therefore I created an API to fetch the linguist details. But In this article, I am not going to talk about that. If you…
FRONT END
Embed Medium on your Website using Material-UI gives better UI
I have already implemented Medium as a blog on my website. Before I used shards-react. I have mentioned that method in my 26th article. But I like to make it better. I liked that user interface but not satisfied. So I thought about using Material-UI for better user experience. Here I am going to explain implemented it in pure JavaScript and React Js. Here you could see the live demo of this react application. This is my 32nd Medium article.
I have already introduced React and Medium in my previous articles. If you’ve missed, click those links and read them…
Setting up a serverless Material UI contact form — using Express and Nodemailer
Having a contact form is obviously better than just simply displaying an email address on your website. Visitors of the website will feel convenient when they get in touch with us via the contact form. Most of the websites have a contact form and when I developed my personal website in React I planned to integrate a contact form, for that I did a Proof of Concept (POC). I have integrated a website using Material UI, Express, and NodeMailer. Material UI is a popular React UI framework like bootstrap. Express is a minimal and flexible Node.js web application framework. Nodemailer…
Front End
Most people in the world stay at home these days because of the lockdown. Most of you are frustrated about staying at home for a long time. Therefore, we will make a COVID-19 tracking application and get pleasure about that we create a tracking application. we will fetch the data from this link.
When I scrolled Youtube videos I found a tutorial about how to make the Corona Virus tracking application. I watched that video and started to create a COVID-19 tracker and Finally, I created a Tracker using React.js. I added some features more than shown in the video…
FRONT END
Integrate beautiful Google maps in your React project
When my friend tried a new hairstyle I asked him “Why did you cut like this?” And he told that he wanted to shine as a model. Therefore, I understood that people like to show them uniquely and beautifully.
When I developed a personal react application I wanted to implement google map API. I searched a lot of examples on google and finally, I found a simple solution. Here I will briefly explain how I used the application and what are the custom styles we could add to the google map. Here we will look from scratch. You could see…
IDE
If you like the appearance of your code, you would probably want to improve it more
Why do people pay more for a hotel with a good view? One of my friends asked when I searched for a hotel. Yeah, people’s minds are adept for good visuals. Good visuals trigger our mind and our mind will feel a fresh feel.
During my Internship at Sysco LABS, I got an excellent opportunity to work in the Visual Studio Code IDE. I used WebStorm before my internship and admired its features. After I started to use the Visual Studio Code, I stopped using WebStorm. In the beginning, I felt it was hard to use VS Code, but my…
Hosting
Host your React app on GitHub
It is easy for working professionals to spend money on hosting their websites, but for students, it is a really big problem. Students like me and you already having economic difficulties and bills for hosting the React app are a serious problem.
Therefore, I would like to describe how to host your React app on GitHub Pages for free. This is my 27th article on Medium.
GitHub has a free service called GitHub Pages for students like us. A simple name and even simpler workings. Host static web pages, like a blog or portfolio, on GitHub’s servers for free.
Your…
Sabesan Sathananthan
Software Engineer @SyscoLABSSL | Undergraduate of Dept. of CSE at UOM | Technical Writer | sabesansathananthan.now.sh | Still makes silly mistakes daily.
