idiom

idiom copied to clipboard

简介

拼音猜成语是一个受 Wordle 启发的一个中文成语小游戏，通过输入拼音组合，结合系统给出的提示来一步步猜测给定的成语。

技术栈

• React (via Create React App)
• immutability-helper
• Jest
• React Testing Library
• Storybook

设计

核心设计思想是通过 Provider 提供全局的数据和方法，其他模块可以按需消费

export function AppProvider(props) {
  const value = {
    ...state,
    pressLetter,
    storeService,
  };
  return <AppContext.Provider value={value} {...props} />;
}

// 精简后的 App.js
<AppProvider config={config()} storeService={localStorage}>
  <Board />
  <Keyboard />
  <Result />
  <Help />
  <Statistics />
</AppProvider>

export default function Board(props) {
  let { attempts, config } = useAppContext();
  // consume attempts, config
  // ...
}

License

MIT License © 2021-PRESENT Limboy