Question 1

How do I add a new page or route in this starter?

Accepted Answer

Modify the routes configuration in index.jsx by adding a new childRoute with a path and component. Ensure the component is imported from the containers or components folder, following the existing structure for admin routes.

Question 2

Can I use React hooks with this template?

Accepted Answer

Yes, but the starter is built around class components and Redux with thunk middleware, so integrating hooks may require refactoring actions and reducers. The README doesn't provide guidance, so it's up to you to adapt.

Question 3

Is this starter compatible with TypeScript?

Accepted Answer

No, it's written in plain JavaScript and JSX. To use TypeScript, you'd need to manually configure it, update webpack.config.js, and add type definitions for Ant Design and Redux, which isn't covered in the documentation.

Question 4

What's better: this starter or create-react-app with antd?

Accepted Answer

This starter saves time by including Redux and routing pre-configured, but create-react-app is more up-to-date and flexible. Choose this if you need Redux out of the box; otherwise, create-react-app offers a cleaner base for customization.

Question 5

How to customize Ant Design themes here?

Accepted Answer

You'll need to modify webpack.config.js to support Less, as Ant Design uses it for theming. The starter doesn't include this by default, so add less-loader and override variables in a custom file, which requires extra setup.

Question 6

Do I have to use Redux if I clone this?

Accepted Answer

Yes, the template is built around Redux with actions, reducers, and store already set up. Removing it would involve deleting folders and rewriting components, negating the benefit of using this starter.

Question 7

How to deploy an app from this starter?

Accepted Answer

Run npm run build to generate static files, then deploy them to a web server. Since it uses client-side routing with browserHistory, configure your server for history fallback, as mentioned in the routing setup.

React Antd Starter

What is React Antd Starter?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions