Question 1

How to customize the Ant Design theme in ts-react-webpack?

Accepted Answer

You can customize the Ant Design theme by modifying the theme variables in a configuration file, likely in the build setup or via a custom CSS override. Check the Ant Design documentation for specific variables to adjust colors and styles.

Question 2

ts-react-webpack vs Create React App for admin dashboards?

Accepted Answer

This template is better suited for admin dashboards due to its pre-integrated Ant Design, i18n, and virtualized lists, whereas Create React App offers a more generic setup requiring additional configuration. Choose ts-react-webpack for faster startup with admin-specific features.

Question 3

How to add a new page or route in this template?

Accepted Answer

To add a new page, create a component in the views directory and update the routing configuration, typically in the App component or a routes file. Refer to existing examples like the Socket Debugger page for structure.

Question 4

Does this template support Redux or only MobX?

Accepted Answer

The example code uses MobX with observer, indicating built-in support for MobX state management. Adding Redux would require manual integration, as it's not pre-configured in the template.

Question 5

What's the impact of react-virtualized on performance?

Accepted Answer

react-virtualized significantly improves performance by rendering only visible items in large lists, reducing DOM nodes and memory usage. This is ideal for admin apps with data tables, but it adds bundle size overhead.

Question 6

Can I use CSS modules with this template?

Accepted Answer

Yes, but it may require configuration adjustments since the template uses stylelint for CSS. You might need to update the build setup to support CSS modules alongside the existing Ant Design styles.

Question 7

How to deploy this to AWS or Vercel?

Accepted Answer

Deploy by building the project with npm run build and uploading the dist folder to your hosting service. The README includes SSH and Nginx examples, but for cloud platforms, adapt the static output to their deployment workflows.

Typescript React With Mobx Starter

What is Typescript React With Mobx Starter?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions