Skip to content

noppakorn-wai/react-thailand-address-typeahead

 
 

Repository files navigation

react-thailand-address-typeahead (jQuery free)

Commitizen friendly

This project fork from jquery.Thailand.js

Demo

Example with storybook

Requirement

  • react

Installation

$ npm install react react-thailand-address-typeahead

Usage

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

export default () => (
    <div>
        <AddressForm
         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

Packages

No packages published

Languages

  • JavaScript 71.2%
  • HTML 22.8%
  • CSS 6.0%