react-thailand-address-input

react-thailand-address-typeahead (jQuery free)

This project fork from jquery.Thailand.js

Demo

Example with storybook

Requirement

• react

Installation

$ npm install react react-thailand-address-input

Usage

import AddressFormTypeahead from 'react-thailand-address-input';

export default () => (
    <div>
        <AddressFormTypeahead
         onAddressSelected={(addressObject) => console.log(addressObject)} 
        />
    </div>
)

NOTE: For component styles you can include or use loader ./dist/styles.css to your app or implement by yourself styles

For futher more see Example

Performance for Perf nerd

ไฟล์	ขนาดไฟล์
without data.json	69 KB
webpack with babili with data.json	550 KB
webpack with babili with data.json gzip	86 KB

Todo

• MORE UNIT TEST
• custom styles example
• improve performance and reduce bundle size
• data.json lazy loading
• server-side implementation example
• using without React example
• using with google map example

Development

• Clone this project
• run npm install
• start development via storybook npm run storybook
• navigate to localhost:9001

Testing

• npm test

Contribute

• open for any pullrequest
• Commitizen prefer !! 😎

Original fork and idea

earthchie - Project Owner, Original fork (you should treat him a beer 😎🍺)

License

• Original : WTFPL 2.0 http://www.wtfpl.net/
• Also MIT (formally)

Changelog

1.4.0 (2024-10-09)

Features

• add ทับช้าง, ราษฎร์พัฒนา (0b43a07)

<a name="1.3.0"></a>