Kick off your next Gatsby project with all the tech you know and love. Looking through the Gatsby starter directory I couldn’t find a starter that had MobX and TypeScript ready using the React Context API. I decided to create my own. Source Code on Github

Features:

• Uses mobx-react-lite and mobx-state-tree
• MST setup based on @impulse/react-hooks-mobx-state-tree for CRA

• Search example based on mselee’s post

  • Using Mobx with React hooks + TypeScript

• Two examples based on @mweststrate’s Egghead course:

  • “Counter” and “Temperature” as a basic store and an observer
• Responsive Layout using Theme UI, with useColorMode hook for easy dark mode toggle
• Jest setup (temporarily removed tests when adding mobx-state-tree todo: add test back)

This starter was inspired by ueno-gatsby-starter and luke-gatsby-starter (with the original Gatsby v2 + TypeScript + MobX using inject setup from @borekb/gatsby-starter-mobx).