? ???? ????(ML)? ????? ? ?? ??? ????? ??????? ???? ?? ? ?? ??? ??????. ? ???? ?? ???? ?? ? ??? ???? ??? ?? ?? ?????? ?? ??? ? ?? ??? ??? ? ?? ??? JavaScript ?????? Hugging Face? Transformers.js? ???? ????. ?? ? ??? ?????.

? ?????? React ? Transformers.js? ???? ??? ??(NLP) ? ??? ??? ?? ??? ??? ???? ? ?? ??????? ???? ??? ???????. . ?????? ??? ??, ?? ??, ??? ?? ?? ??? ?? ??? ?????? ?? ?????.

? Transformers.js???

Transformers.js? ?? ??? ??? ??? ????? ?? ????? ????? ????? ??? ?????.

• ?? ???? ???? ????: ????? ??? ML ??? ??? ? ?? ?? ??? ??? ?? ?? ??? ??? ? ????.
• ??? ??: React ? Next.js? ?? ?? ???? ?????? ???? ?????.
• Hugging Face? ?? ?????? ???: ??? ??? ?? ?? ?? ?? ??? ??? ???? ? ????.

React ? Transformers.js ????

1. React ???? ??: ?? React ????? ???? ???? ??? ???? ????? ?????.

   npx create-react-app my-ml-app
   cd my-ml-app

1. Transformers.js ??: npm? ?? ?????? ??? ? ????.

   npm install @xenova/transformers

1. React?? ?? ??? ?? ??: ?????? ??? ??? Hugging Face ???? ??? ??? ? ????. ??? ?? ?? ??? ???? React ? ??? ??? ???? ??? ?? ????.

   import React, { useState, useEffect } from 'react';
   import { pipeline } from '@xenova/transformers';

   function SentimentAnalysis() {
     const [model, setModel] = useState(null);
     const [text, setText] = useState("");
     const [result, setResult] = useState(null);

     useEffect(() => {
       // Load the sentiment analysis model
       pipeline('sentiment-analysis').then((pipe) => setModel(pipe));
     }, []);

     const analyzeSentiment = async () => {
       const analysis = await model(text);
       setResult(analysis);
     };

     return (
       <div>
         <h1>Sentiment Analysis</h1>
         <input type="text" value={text} onChange={(e) => setText(e.target.value)} />
         <button onClick={analyzeSentiment}>Analyze</button>
         {result && <p>Sentiment: {result[0].label}, Confidence: {result[0].score}</p>}
       </div>
     );
   }

   export default SentimentAnalysis;

? ?? ????? Transformers.js? ????? ??? ???? ?? ?? ??? ?????. ???? ???? ???? ??????? ??? ???? ??? ?????.

???? ?? ? ??

Transformers.js? NLP, ??, ??? ?? ??? ?? ??? ??? ?????. ?? ?? ?? ??? ??? ????.

• ??? ??(?: ?? ??): ??? ???? ??? ?????.
• ??? ??: ????? ???? ??? ???? ?????.
• ??? ??: ???? ??? ?????(????? ?? ?? ??????? ???).
• ?? ??: ??? ?? ??? ????? ??? ?????.

?? ?? ??

• ??? ??: Transformers.js? ???? ??? ??? ?? ??? ???? ??????? ??? ???? ?? ? ????.
• ?? ??: ???? ???? ???? ??????? ?????. ?? ??? ??? ??? ??? ? ?????.

?? ?? ??

????? ??? ?? ?? ??? ???? ?? ??? ???? ? ????. ??? Transformers.js? WebAssembly(WASM)? ???? ??? ??????. ?? ???? ??? ONNX ???? ???? ????? ???? ??? ?? ? ??? ?? ? ????.【6?source】【7?source】.

??

React? Transformers.js? ???? ? ?? ??????? ???? ????? ????? ?? ??? ???? ? ?? ?? ? ?? ??? ???? ????. Hugging Face? ?? ??? ???? ???? ???? ??? ????? ? ? ?? ??? ??? ??? ? ????. ??? ?? ??? ???? ??? ML ?????? ???? Transformers.js? ?? ? ????? ??? ??? ??? ?????.

? ??? ???? ?????? ?? Transformers.js ???? ??? ??? ?????.

? ??? Transformers.js? ???? React? ? ?? ??????? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!