Hello World!

15 December, 2018

Project rebase.evilfactory.id adalah eksperimen pertama saya dengan PWA dan ingin mencoba untuk membawa pengalaman mobile ke sebuah Web App yang progressive.

Situs ini ditenagai oleh Vue (menggunakan Gridsome), Workbox, PrismJS dan OneSignal.

Dan pada project ini pun saya sedang ber-eksperimen mengenai memaksimalkan pengalaman dalam membaca. Dimulai dari pemilihan font, line-height nya, warna, sampai tema (light & dark mode). Dan juga di layouting, ya, pengalaman seperti inilah yang saya inginkan: Ketika membaca, hanya fokus ke tulisan.

Untuk penulisan code juga menurut saya lumayan enak dibaca, berikut snippet kode di React yang masih saya ingat:

import React, { Component } from 'react'
import ReactDOM from 'react-dom'

class App extends Component {
  state = {
    title: ''
  }
  componentDidMount () {
    setTimeout(() => {
      this.setState({ title: 'Hello World' })
    }, 500)
  }
  render () {
    <React.Fragment>
      <h2>{this.state.title || 'Loading...'}</h2>
    </React.Fragment>
  }
}

ReactDOM.render(<App />, document.getElementById('app'))

Untuk penjelasan lebih detailnya bisa dilihat di Medium saya disini, jika kalian tertarik untuk melihat-lihat kode nya, bisa dicek disini. Atau, klik tombol Star di Github to support my work!

Di blog ini saya akan membagikan tentang Frontend Development, UI Engineering, PWA, dan lain-lain berdasarkan apa yang saya fikirkan atau hasil eksperimen saya. Subscribe untuk mendapatkan notifikasi bila ada tulisan terbaru!