SmileEye.Edu.Vn React Group

ReactJS/NextJS Library Component for upload/view Group. Easy to use. Upload to S3 server support. Combine video, image, audio upload & view from these package:

• https://www.npmjs.com/package/@smileeye.edu.vn/image
• https://www.npmjs.com/package/@smileeye.edu.vn/video
• https://www.npmjs.com/package/@smileeye.edu.vn/audio

Live demo

https://link-to-demo

Setup

Install SmileEye.Edu.Vn React Group with npm

npm install @smileeye.edu.vn/group

Get API key at https://link-to-project

Add API key at .env file.

// ReactJS .env
REACT_APP_CODEBY_STORAGE_URL=https://package-storage.codeby.com
REACT_APP_CODEBY_STORAGE_TOKEN=xxx

// NextJS .env
NEXT_PUBLIC_CODEBY_STORAGE_URL=https://package-storage.codeby.com
NEXT_PUBLIC_CODEBY_STORAGE_TOKEN=xxx

Usage/Examples

import {GroupSingleUpload, GroupView} from "@smileeye.edu.vn/group";
import {useEffect, useState} from "react";
import "@smileeye.edu.vn/audio/src/smileeye.edu.vn-audio.min.css";
import "@smileeye.edu.vn/video/src/smileeye.edu.vn-video.min.css";
import "@smileeye.edu.vn/image/src/smileeye.edu.vn-image.min.css";
import "@smileeye.edu.vn/group/src/smileeye.edu.vn-group.min.css";

const App = () => {
    const [value, setValue] = useState()

    useEffect(() => {
        console.log("useEffect value", value)
    }, [value])

    return (
        <>
            <GroupUpload
                value={value}
                onChange={setValue}
            />
            <hr/>
            <GroupView data={value}/>
        </>
    )
}

export default App

Support

For support, email [email protected] or join our Slack channel. R&D by https://smileeye.edu.vn

License

MIT