react-thailand-address-input

1.4.0 • Public • Published

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-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

/react-thailand-address-input/

    Package Sidebar

    Install

    npm i react-thailand-address-input

    Weekly Downloads

    4

    Version

    1.4.0

    License

    MIT

    Unpacked Size

    316 kB

    Total Files

    12

    Last publish

    Collaborators

    • sangzn34