ਜਾਵਾਸਕ੍ਰਿਪਟ ਪ੍ਰਤੀਕ੍ਰਿਆ ਕੋਡ ਲਿਖੋ ਜੋ ਇੱਕ ਯੋਗਾ ਕਸਰਤ ਰੂਟਿੰਗ ਬਣਾਵੇਗਾ'] ", 'ਜਾਵਾਸਕ੍ਰਿਪਟ ਪ੍ਰਤੀਕ੍ਰਿਆ ਕੋਡ ਲਿਖੋ ਜੋ ਇੱਕ ਯੋਗਾ ਕਸਰਤ ਨੂੰ ਰੂਟਿੰਗ ਬਣਾਵੇਗਾ', ' [\'ਜਾਵਾਸਕ੍ਰਿਪਟ ਪ੍ਰਤੀਕ੍ਰਿਆ ਕੋਡ ਲਿਖੋ ਜੋ ਇੱਕ ਯੋਗਾ ਕਸਰਤ ਰੂਟਿੰਗ ਬਣਾਵੇਗਾ\', "ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਤੁਸੀਂ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਸਧਾਰਨ ਯੋਗਾ ਕਸਰਤ ਰੁਟੀਨ ਕਿਵੇਂ ਬਣਾ ਸਕਦੇ ਹੋ।ਪ੍ਰਤੀਕ੍ਰਿਆਃ \'ਪ੍ਰਤੀਕ੍ਰਿਆ\' ਤੋਂ \'\\n\' \'\\nimport ਪ੍ਰਤੀਕ੍ਰਿਆ, {usageState};\' ਪ੍ਰਤੀਕ੍ਰਿਆ \'ਤੋਂ\' \\n \'ਫੰਕਸ਼ਨ ਯੋਗਾ ਵਰਕਆਊਟ () {\\n// ਮੌਜੂਦਾ ਸਥਿਤੀ ਦਾ ਧਿਆਨ ਰੱਖਣ ਲਈ ਸਥਿਤੀ ਸਥਾਪਤ ਕਰੋ \\n ਸਥਿਰਤਾ [ਪੋਜ਼,ਸੈੱਟਪੋਜ਼] = ਯੂਜ਼ ਸਟੇਟ (ਨੱਲ); \\n\\n// ਕਸਰਤ ਵਿੱਚ ਪੋਜ਼ ਦੀ ਐਰੇ\\n ਕਾਂਸਟ ਪੋਜ਼ = [\\n {ਨਾਂਃ \'ਹੇਠਾਂ ਵੱਲ ਕੁੱਤੇ ਦਾ ਸਾਹਮਣਾ ਕਰਨਾ\', ਮਿਆਦਃ 30}, \\n {ਨਾਂਃ \'ਵਾਰੀਅਰ\'I \', ਅੰਤਰਾਲਃ 30}, \\n {ਨਾਮ-\' ਵਿਸਤ੍ਰਿਤ ਸਾਈਡ ਐਂਗਲ \', ਅੰਤਰਾਲਃ 30}, \\n {ਨਾਮ-\' ਉੱਤਿਤਾ ਤ੍ਰਿਕੋਨਾਸਨ \', ਅੰਤਰਾਲਃ 30}, \\n {ਨਾਮ-\' ਪਲੈਂਕ \', ਅੰਤਰਾਲਃ 60}, \\n {ਨਾਂਃ \'ਚਤੁਰੰਗਾ\', ਮਿਆਦਃ 60}, \\n {ਨਾਂਃ \'ਉੱਪਰ ਵੱਲ ਕੁੱਤੇ ਦਾ ਸਾਹਮਣਾ ਕਰਨਾ\', ਮਿਆਦਃ 30}, \\n]; \\n\\n// ਵਰਤਮਾਨ ਪੋਜ ਫੰਕਸ਼ਨ ਨੂੰ ਪੇਸ਼ ਕਰਨ ਲਈ ਫੰਕਸ਼ਨਰੇਂਡਰਪੋਜ਼ () {\\n ਜੇਕਰ (ਪੋਜ) {\\n ਰਿਟਰਨ <p> ਪੋਜ ਵਿੱਚਃ {pose.name} </p>; \\n} ਹੋਰ {\\n ਰਿਟਰਨ <p> ਇੱਕ ਪੋਜ ਚੁਣੋ </p>; \\n} \\n} \\n\\n// ਫੰਕਸ਼ਨ ਨੂੰ ਸੰਭਾਲਣ ਲਈਇੱਕ ਨਵਾਂ ਪੋਜ ਫੰਕਸ਼ਨ ਚੁਣੋ ਚੁਣੋਪੋਜ਼ (ਪੋਜ ਨਾਮ) {\\n ਸੈੱਟਪੋਜ਼ (ਪੋਜ ਨਾਮ); \\n} \\n\\n// ਕਸਰਤ ਕਰੋ \\n ਵਾਪਸੀ (\\n <ਡਿਵੀ> \\n <h1> ਯੋਗਾ ਵਰਕਆਊਟ </h1> \\n{ਪੋਜ਼? (\\n <iv> \\n <p> {pose.name} </p> \\n <p> ਸਮਾਂ ਬਾਕੀ ਰਹਿੰਦਾਃ {pose.duration} ਸਕਿੰਟ </p> \\n <ਬਟਨ \'ਤੇ ਕਲਿੱਕ ਕਰੋ = {() => ਸੈਟਪੋਜ਼ (ਨੱਲ)}> ਚੁਣੋ\' ਤੇ ਵਾਪਸ ਜਾਓਪੋਜ </ਬਟਨ> \\n </ਡਿਵੀ> \\n): (\\n <\'ਤੇ ਚੁਣੋChange = {(e) => ਚੁਣੋਪੋਜ਼ (e.target.value)}> \\n {poses.map ((ਪੋਜ) => (\\n <ਵਿਕਲਪ ਕੁੰਜੀ = {pose.name}ਮੁੱਲ = {pose.name}> \\n {pose.name} \\n </ਵਿਕਲਪ> \\n)} \\n </ਚੁਣੋ> \\n} \\n {ਪੋਜ & & (\\n <ਡਿਵੀ> \\n <p> ਸਮਾਂ ਬਾਕੀ ਰਹਿੰਦਾਃ {", \'ਇੱਕ ਔਨਲਾਈਨ ਲਈ ਆਰਕੀਟੈਕਚਰ ਦਾ ਵਰਣਨ ਕਰੋ।ਯੋਗਾ ਵੋਕਆਉਟ ਐਪ \'] ', 'ਜਾਵਾਸਕ੍ਰਿਪਟ ਪ੍ਰਤੀਕ੍ਰਿਆ ਕੋਡ ਲਿਖੋ ਜੋ ਇੱਕ ਯੋਗਾ ਕਸਰਤ ਨੂੰ ਰੂਟਿੰਗ ਬਣਾਵੇਗਾ \n ']