create-react-app
. This manual setup gives you complete control over the build process, which is useful when integrating advanced SDKs and UIKits.
Initializing the Project
tsconfig.json
in the root folder:
webpack.config.js
file (see example in the QuickBlox repository for a complete working configuration
webpack.config.js).
Creating the Project Structure
Manually create the following folder and file structure:
public/index.html
src/index.tsx
, add the following code:
package.json
, update the scripts section to include:
quickblox
and quickblox-react-ui-kit
. By following the documentation, you can easily add these packages to your project.
Installing Dependencies
quickblox
package:quickblox-react-ui-kit
package:quickblox-react-ui-kit
.
As a result, you should have the code below: