<WhenState/>
Use case
;;; const LOGIN = 'login';const LOGOUT = 'logout'; const reducer = LOGIN: loggedIn: true LOGOUT: loggedIn: falsetype; const store = ; const login = type: LOGIN;const logout = type: LOGOUT; let <button onClick=login> login </button>;Login = Login; let <button onClick=logout> logout </button>; Logout = Logout; const isLoggedIn = loggedIn;const WhenLoggedIn = <WhenState predicate=isLoggedIn render=render />; const notLoggedIn = !loggedIn;const WhenNotLoggedIn = <WhenState predicate=notLoggedIn render=render />; const Demo = <Provider store=store> <div> <h1>c-when-state Demo</h1> <WhenLoggedIn render= <span> Logged in cool! <Logout/> </span> /> <WhenNotLoggedIn render= <span> Not logged in bummer <Login/> </span> /> </div> </Provider>;
Developing
Watch tests
$ yarn test:watch