Photo by Max Nelson on Unsplash

Apa itu HTML?

Hypertext Markup Language atau yang lebih dikenal sebagai HTML adalah bahasa markup yang digunakan sebagai standar dalam pembuatan halaman web. HTML juga bisa dikombinasikan dengan CSS dan bahasa scripting seperti JavaScript. Untuk membuat file HTML kamu harus menyimpannya dengan menggunakan format .htm atau .html.

Sintaks HTML

HTML menggunakan tag untuk sintaksnya. Sebuah tag harus memiliki opening dan closing. Berikut contoh penulisan tag:

Dari contoh di atas bisa dilihat cara penulisan tag HTML, opening tag-nya adalah <h1> dan closing tag-nya </h1>. Ada juga cara lain untuk menulis tag yang dinamakan self-closing tag, berikut contohnya:

<img src="placeholder.img" />

Saat…


Photo by Merakist on Unsplash

Search Engine Optimization (SEO) on a client-side rendering React app needs extra setup. It’s because React just has one HTML file, and this is why it’s called Single Page App (SPA). But that’s not make improving SEO of your React app impossible. Here is what I do to improving my React app SEO.

Create Sitemap

You can tell the search engine about your site structure with sitemap. You can create your own sitemap manually or use a package like react-router-sitemap. Here is an example of how I implemented react-router-sitemap.

First, you need to export all your routes

import React from…


After I made this feature for my website, I decided to share the knowledge with everyone with this article.

To understand the whole article, I suggest you know JavaScript ES6, React and React Hooks before.

You can check the whole code below, and I’m gonna explain the rest after.

Handling Events

All the input on React must be handled, like changing the state or click button.

const handleChange = (e) => {
setImage({
preview: URL.createObjectURL(e.target.files[0]),
raw: e.target.files[0]
})
}

As you can see above, I made a function for handle change…

Ibrahim

Software Engineer | ibrahim.id

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store