react-thailand-address-typeahead (jQuery free)

This project fork from jquery.Thailand.js

Demo

Example with storybook

Requirement

• react

Installation

$ npm i react-thailand-address-typeahead-ponchai

Usage

import AddressFormTypeahead from 'react-thailand-address-typeahead-ponchai';

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)