ਇੱਕ ਟੋਡੋ ਲਿਸਟ ਐਪ ਲਿਖੋ ਮੈਨੂੰ ਲਗਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਪ੍ਰਤੀਕਿਰਿਆ ਦਿੰਦੇ ਹੋ'] ", 'ਇੱਕ ਟੋਡੋ ਲਿਸਟ ਐਪ ਲਿਖੋ ਮੈਨੂੰ ਲਗਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਪ੍ਰਤੀਕਿਰਿਆ ਦਿੰਦੇ ਹੋ', ' [\'ਇੱਕ ਟੋਡੋ ਲਿਸਟ ਐਪ ਲਿਖੋ ਮੈਨੂੰ ਲਗਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਪ੍ਰਤੀਕ੍ਰਿਆ ਦਿੰਦੇ ਹੋ\', \'ਯਕੀਨਨ, ਮੈਂ ਰੀਐਕਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਸਧਾਰਨ ਟੋਡੋ ਲਿਸਟ ਐਪ ਬਣਾਉਣ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰ ਸਕਦਾ ਹਾਂ! ਇੱਥੇ ਕਦਮ ਹਨਃ \\n\\n1. ਪਹਿਲਾਂ, ਚਲੋ।\'ਬਣਾਓ-ਪ੍ਰਤੀਕ੍ਰਿਆ-ਐਪ\' ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਨਵਾਂ ਪ੍ਰਤੀਕ੍ਰਿਆ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ। ਇੱਕ ਟਰਮੀਨਲ ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠ ਦਿੱਤੀ ਕਮਾਂਡ ਚਲਾਓਃ \\n \'\' lua\\npx ਬਣਾਓ-ਪ੍ਰਤੀਕ੍ਰਿਆ-ਐਪ ਟੋਡੋ-ਐਪ\\n \'\\n2।ਇੱਕ ਵਾਰ ਜਦੋਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਚਲਾ ਕੇ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਜਾਓਃ \\n "\'ਬੈਸ਼\\ncd ਟੋਡੋ-ਐਪ\\n\' \\n3. ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ \'src/ਸੂਚਕਾਂਕ. js\' ਫਾਈਲ ਖੋਲ੍ਹੋ।ਟੈਕਸਟ ਐਡੀਟਰ ਅਤੇ ਸਮੱਗਰੀ ਨੂੰ ਹੇਠ ਦਿੱਤੇ ਕੋਡ ਨਾਲ ਬਦਲੋਃ \\n "\'ਜਾਵਾਸਕ੍ਰਿਪਟ\\ਨਿੰਪੋਰਟ ਪ੍ਰਤੀਕ੍ਰਿਆ, {usageState} ਤੋਂ\\\' ਪ੍ਰਤੀਕ੍ਰਿਆ \'; \\n\\n ਫੰਕਸ਼ਨ ਟੋਡੋ ਲਿਸਟ () {\\nਕਾਂਸਟ [todos, سیٹਟੋਡੋਸ] = ਯੂਜ਼ ਸਟੇਟ ([]); \\n\\n ਕਾਂਸਟ ਐਡਟੋਡੋ = (ਟੈਕਸਟ) => {\\n ਸੈਟਟੋਡੋਸ ([... todos, {ਟੈਕਸਟ}]); \\n}; \\n\\n ਕਾਂਸਟ ਹਟਾਓਟੋਡੋ = (ਇੰਡੈਕਸ) => {\\nਸੈੱਟਟੋਡੋਸ (todos.filter ((ਟੋਡੋ, i) => i! = = ਇੰਡੈਕਸ); \\n}; \\n\\n ਰਿਟਰਨ (\\n <ਡਿਵੀ> \\n <h1> ਟੋਡੋ ਲਿਸਟ </h1> \\n <ਫਾਰਮ> \\n <ਇੰਪੁੱਟ ਕਿਸਮ = "ਟੈਕਸਟ" ਪਲੇਸਹੋਲਡਰ = "ਟੋਡੋ ਸ਼ਾਮਲ ਕਰੋ"/> \\n <ਬਟਨ ਕਿਸਮ = "ਜਮ੍ਹਾਂ ਕਰੋ"> ਸ਼ਾਮਲ ਕਰੋ </ਬਟਨ> \\n </ਫਾਰਮ> \\n <ਉਲ> \\n {todos.map ((ਟੋਡੋ, ਇੰਡੈਕਸ) => (\\n <NAME _ 1 ਕੁੰਜੀ = {ਇੰਡੈਕਸ}> \\n {ਟੋਡੋ} \\n <ਬਟਨ ਕਿਸਮ = "ਬਟਨ"\'ਤੇ ਕਲਿੱਕ ਕਰੋ = {() => ਹਟਾਓਟੋਡੋ (ਇੰਡੈਕਸ)> \\n ਹਟਾਓ\\n </ਬਟਨ> \\n </NAME _ 1> \\n)} \\n </ul> \\n </iv> \\n; \\n} \\n\\nexport ਡਿਫਾਲਟ ਟੋਡੋ ਲਿਸਟ; \\n "\' \\n4. ਇਹ ਕੋਡ ਸੈੱਟ ਕਰਦਾ ਹੈ।ਨਵੇਂ ਟੋਡੋਜ਼ ਨੂੰ ਜੋਡ਼ਨ ਲਈ ਇੱਕ ਫਾਰਮ ਦੇ ਨਾਲ ਇੱਕ ਬੁਨਿਆਦੀ ਟੋਡੋਜ਼ ਸੂਚੀ ਐਪ, ਅਤੇ ਮੌਜੂਦਾ ਟੋਡੋਜ਼ ਦੀ ਇੱਕ ਸੂਚੀ ਜਿਸ ਨੂੰ ਇੱਕ ਬਟਨ ਦਬਾ ਕੇ ਹਟਾਇਆ ਜਾ ਸਕਦਾ ਹੈ। ਟੋਡੋਜ਼ ਨੂੰ ਸੰਭਾਲਿਆ ਜਾਂਦਾ ਹੈ\'ਟੋਡੋਸ\' ਅਵਸਥਾ ਵੇਰੀਏਬਲ ਵਿੱਚ, ਅਤੇ \'ਐਡਟੋਡੋ\' ਅਤੇ \'ਰਿਮੂਵਟੋਡੋ\' ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕ੍ਰਮਵਾਰ ਉਹਨਾਂ ਨੂੰ ਜੋਡ਼ਨ ਅਤੇ ਹਟਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। \\n5. ਫਾਇਲ ਨੂੰ ਸੰਭਾਲੋ ਅਤੇ ਸ਼ੁਰੂ ਕਰੋਵਿਕਾਸ ਸਰਵਰ ਚਲਾ ਕੇਃ \'\\n\' \'sql\\nppm ਸਟਾਰਟ \\n\' \'\\n6. ਆਪਣਾ ਬਰਾਊਜ਼ਰ ਖੋਲ੍ਹੋ ਅਤੇ\' HTTP:// ਲੋਕਲਹੋਸਟਃ 3000 \'ਉੱਤੇ ਜਾਓ। ਤੁਹਾਨੂੰ ਟੋਡੋ ਵੇਖਣਾ ਚਾਹੀਦਾ ਹੈ।ਐਪ ਨੂੰ ਸੂਚੀਬੱਧ ਕਰੋ! ਕੁਝ ਟੋਡੋ ਸ਼ਾਮਲ ਕਰੋ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਇਹ ਵੇਖਣ ਲਈ ਹਟਾਓ \',\' ਕੀ ਤੁਸੀਂ ਨਿਊਮੋਰਫਿਜ਼ਮ ਨੂੰ ਜਾਣਦੇ ਹੋ \'] ', 'ਇੱਕ ਟੋਡੋ ਲਿਸਟ ਐਪ ਲਿਖੋ ਮੈਨੂੰ ਲਗਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਪ੍ਰਤੀਕਿਰਿਆ ਦਿੰਦੇ ਹੋ', ' [\'ਇੱਕ ਟੋਡੋ ਲਿਸਟ ਐਪ ਲਿਖੋ ਮੈਨੂੰ ਲਗਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਪ੍ਰਤੀਕ੍ਰਿਆ ਦਿੰਦੇ ਹੋ\', \'ਯਕੀਨਨ, ਮੈਂ ਰੀਐਕਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਸਧਾਰਨ ਟੋਡੋ ਲਿਸਟ ਐਪ ਬਣਾਉਣ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰ ਸਕਦਾ ਹਾਂ! ਇੱਥੇ ਕਦਮ ਹਨਃ \\n\\n1. ਪਹਿਲਾਂ, ਚਲੋ।\'ਬਣਾਓ-ਪ੍ਰਤੀਕ੍ਰਿਆ-ਐਪ\' ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਨਵਾਂ ਪ੍ਰਤੀਕ੍ਰਿਆ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ। ਇੱਕ ਟਰਮੀਨਲ ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠ ਦਿੱਤੀ ਕਮਾਂਡ ਚਲਾਓਃ \\n \'\' lua\\npx ਬਣਾਓ-ਪ੍ਰਤੀਕ੍ਰਿਆ-ਐਪ ਟੋਡੋ-ਐਪ\\n \'\\n2।ਇੱਕ ਵਾਰ ਜਦੋਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਚਲਾ ਕੇ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਜਾਓਃ \\n "\'ਬੈਸ਼\\ncd ਟੋਡੋ-ਐਪ\\n\' \\n3. ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ \'src/ਸੂਚਕਾਂਕ. js\' ਫਾਈਲ ਖੋਲ੍ਹੋ।ਟੈਕਸਟ ਐਡੀਟਰ ਅਤੇ ਸਮੱਗਰੀ ਨੂੰ ਹੇਠ ਦਿੱਤੇ ਕੋਡ ਨਾਲ ਬਦਲੋਃ \\n "\'ਜਾਵਾਸਕ੍ਰਿਪਟ\\ਨਿੰਪੋਰਟ ਪ੍ਰਤੀਕ੍ਰਿਆ, {usageState} ਤੋਂ\\\' ਪ੍ਰਤੀਕ੍ਰਿਆ \'; \\n\\n ਫੰਕਸ਼ਨ ਟੋਡੋ ਲਿਸਟ () {\\nਕਾਂਸਟ [todos, سیٹਟੋਡੋਸ] = ਯੂਜ਼ ਸਟੇਟ ([]); \\n\\n ਕਾਂਸਟ ਐਡਟੋਡੋ = (ਟੈਕਸਟ) => {\\n ਸੈਟਟੋਡੋਸ ([... todos, {ਟੈਕਸਟ}]); \\n}; \\n\\n ਕਾਂਸਟ ਹਟਾਓਟੋਡੋ = (ਇੰਡੈਕਸ) => {\\nਸੈੱਟਟੋਡੋਸ (todos.filter ((ਟੋਡੋ, i) => i! = = ਇੰਡੈਕਸ); \\n}; \\n\\n ਰਿਟਰਨ (\\n <ਡਿਵੀ> \\n <h1> ਟੋਡੋ ਲਿਸਟ </h1> \\n <ਫਾਰਮ> \\n <ਇੰਪੁੱਟ ਕਿਸਮ = "ਟੈਕਸਟ" ਪਲੇਸਹੋਲਡਰ = "ਟੋਡੋ ਸ਼ਾਮਲ ਕਰੋ"/> \\n <ਬਟਨ ਕਿਸਮ = "ਜਮ੍ਹਾਂ ਕਰੋ"> ਸ਼ਾਮਲ ਕਰੋ </ਬਟਨ> \\n </ਫਾਰਮ> \\n <ਉਲ> \\n {todos.map ((ਟੋਡੋ, ਇੰਡੈਕਸ) => (\\n <NAME _ 1 ਕੁੰਜੀ = {ਇੰਡੈਕਸ}> \\n {ਟੋਡੋ} \\n <ਬਟਨ ਕਿਸਮ = "ਬਟਨ"\'ਤੇ ਕਲਿੱਕ ਕਰੋ = {() => ਹਟਾਓਟੋਡੋ (ਇੰਡੈਕਸ)> \\n ਹਟਾਓ\\n </ਬਟਨ> \\n </NAME _ 1> \\n)} \\n </ul> \\n </iv> \\n; \\n} \\n\\nexport ਡਿਫਾਲਟ ਟੋਡੋ ਲਿਸਟ; \\n "\' \\n4. ਇਹ ਕੋਡ ਸੈੱਟ ਕਰਦਾ ਹੈ।ਨਵੇਂ ਟੋਡੋਜ਼ ਨੂੰ ਜੋਡ਼ਨ ਲਈ ਇੱਕ ਫਾਰਮ ਦੇ ਨਾਲ ਇੱਕ ਬੁਨਿਆਦੀ ਟੋਡੋਜ਼ ਸੂਚੀ ਐਪ, ਅਤੇ ਮੌਜੂਦਾ ਟੋਡੋਜ਼ ਦੀ ਇੱਕ ਸੂਚੀ ਜਿਸ ਨੂੰ ਇੱਕ ਬਟਨ ਦਬਾ ਕੇ ਹਟਾਇਆ ਜਾ ਸਕਦਾ ਹੈ। ਟੋਡੋਜ਼ ਨੂੰ ਸੰਭਾਲਿਆ ਜਾਂਦਾ ਹੈ\'ਟੋਡੋਸ\' ਅਵਸਥਾ ਵੇਰੀਏਬਲ ਵਿੱਚ, ਅਤੇ \'ਐਡਟੋਡੋ\' ਅਤੇ \'ਰਿਮੂਵਟੋਡੋ\' ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕ੍ਰਮਵਾਰ ਉਹਨਾਂ ਨੂੰ ਜੋਡ਼ਨ ਅਤੇ ਹਟਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। \\n5. ਫਾਇਲ ਨੂੰ ਸੰਭਾਲੋ ਅਤੇ ਸ਼ੁਰੂ ਕਰੋਵਿਕਾਸ ਸਰਵਰ ਚਲਾ ਕੇਃ \'\\n\' \'sql\\nppm ਸਟਾਰਟ \\n\' \'\\n6. ਆਪਣਾ ਬਰਾਊਜ਼ਰ ਖੋਲ੍ਹੋ ਅਤੇ\' HTTP:// ਲੋਕਲਹੋਸਟਃ 3000 \'ਉੱਤੇ ਜਾਓ। ਤੁਹਾਨੂੰ ਟੋਡੋ ਵੇਖਣਾ ਚਾਹੀਦਾ ਹੈ।ਸੂਚੀ ਐਪ! ਕੁੱਝ ਟੋਡੋ ਸ਼ਾਮਲ ਕਰੋ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਇਹ ਵੇਖਣ ਲਈ ਹਟਾਓ ਕਿ \',\' ਕੀ ਤੁਸੀਂ ਨਿਊਮੋਰਫਿਜ਼ਮ ਨੂੰ ਜਾਣਦੇ ਹੋ \',\' ਹਾਂ, ਮੈਂ ਨਿਊਮੋਰਫਿਜ਼ਮ ਤੋਂ ਜਾਣੂ ਹਾਂ। ਨਿਊਮੋਰਫਿਜ਼ਮ ਇੱਕ ਡਿਜ਼ਾਈਨ ਤਕਨੀਕ ਹੈ।ਜੋ 2ਡੀ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਡੂੰਘਾਈ ਜਾਂ ਅਯਾਮ ਦਾ ਭਰਮ ਪੈਦਾ ਕਰਨ ਲਈ ਵਿਜ਼ੂਅਲ ਤੱਤਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਇਹ ਅਕਸਰ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਵਧੇਰੇ ਡਿਜ਼ਾਈਨ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।ਯਥਾਰਥਵਾਦੀ ਅਤੇ ਆਕਰਸ਼ਕ ਉਪਭੋਗਤਾ ਅਨੁਭਵ। \\n\\ਨਿਓਮੋਰਫਿਜ਼ਮ ਵਿੱਚ ਵਿਜ਼ੂਅਲ ਸੰਕੇਤਾਂ ਜਿਵੇਂ ਕਿ ਸ਼ੈਡਿੰਗ, ਧੁੰਦਲਾਪਣ ਅਤੇ ਟੈਕਸਟਰਿੰਗ ਦੀ ਵਰਤੋਂ ਸ਼ਾਮਲ ਹੈ ਤਾਂ ਜੋ ਇਸ ਦਾ ਭਰਮ ਪੈਦਾ ਕੀਤਾ ਜਾ ਸਕੇ।ਡੂੰਘਾਈ. ਉਦਾਹਰਨ ਲਈ, ਇੱਕ ਬਟਨ ਜਿਸ ਨੂੰ ਦਬਾਇਆ ਜਾਂ ਹਾਈਲਾਈਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਉੱਚਾ ਜਾਂ ਇੰਡੇਟਿਡ ਜਾਪਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਇਹ ਭਰਮ ਪੈਦਾ ਹੁੰਦਾ ਹੈ ਕਿ ਇਸ ਵਿੱਚ ਡੂੰਘਾਈ ਹੈ। ਇਸੇ ਤਰ੍ਹਾਂ,ਇੱਕ ਪਿਛੋਕਡ਼ ਚਿੱਤਰ ਡੂੰਘਾਈ ਦਾ ਭਰਮ ਪੈਦਾ ਕਰਨ ਲਈ ਕੋਨਿਆਂ ਵਿੱਚ ਥੋਡ਼੍ਹਾ ਧੁੰਦਲਾ ਜਾਂ ਨਰਮ ਦਿਖਾਈ ਦੇ ਸਕਦਾ ਹੈ।ਡਿਜ਼ਾਈਨ ਤੱਤਾਂ ਦੀ ਵਿਭਿੰਨਤਾ, ਜਿਸ ਵਿੱਚ ਬਟਨ, ਆਈਕਾਨ, ਟੈਕਸਟ ਅਤੇ ਪਿਛੋਕਡ਼ ਸ਼ਾਮਲ ਹਨ। ਇਹ ਵਿਸ਼ੇਸ਼ ਤੌਰ \'ਤੇ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਹੋਰ ਡਿਜ਼ਾਈਨ ਦੇ ਨਾਲ ਜੋਡ਼ ਕੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।ਫਲੈਟ ਡਿਜ਼ਾਈਨ ਜਾਂ ਮੈਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਵਰਗੇ ਸਿਧਾਂਤ, ਜੋ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਸਾਦਗੀ ਅਤੇ ਘੱਟੋ-ਘੱਟਤਾ ਉੱਤੇ ਜ਼ੋਰ ਦਿੰਦੇ ਹਨ। ਕੁੱਲ ਮਿਲਾ ਕੇ, ਨਿਊਮੋਰਫਿਜ਼ਮ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਡਿਜ਼ਾਈਨ ਹੈ।ਤਕਨੀਕ ਜੋ ਡਿਜੀਟਲ ਉਤਪਾਦਾਂ ਅਤੇ ਇੰਟਰਫੇਸ ਵਿੱਚ ਇੱਕ ਵਧੇਰੇ ਡੂੰਘਾ ਅਤੇ ਆਕਰਸ਼ਕ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਬਣਾਉਣ ਵਿੱਚ ਸਹਾਇਤਾ ਕਰ ਸਕਦੀ ਹੈ। \',\' ਸਟਾਈਲ ਇੱਕ ਬੁਨਿਆਦੀ ਪ੍ਰਤੀਕ੍ਰਿਆ ਟੋਡੋ ਲਿਸਟ ਐਪਨਿਊਮੋਰਫਿਜ਼ਮ ਸ਼ੈਲੀ ਦੇ ਨਾਲ \'] ', 'ਇੱਕ ਟੋਡੋ ਲਿਸਟ ਐਪ ਲਿਖੋ ਮੈਨੂੰ ਲਗਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਪ੍ਰਤੀਕਿਰਿਆ ਦਿੰਦੇ ਹੋ', ' [\'ਇੱਕ ਟੋਡੋ ਲਿਸਟ ਐਪ ਲਿਖੋ ਮੈਨੂੰ ਲਗਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਪ੍ਰਤੀਕ੍ਰਿਆ ਦਿੰਦੇ ਹੋ\', \'ਯਕੀਨਨ, ਮੈਂ ਰੀਐਕਟ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਸਧਾਰਨ ਟੋਡੋ ਲਿਸਟ ਐਪ ਬਣਾਉਣ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰ ਸਕਦਾ ਹਾਂ! ਇੱਥੇ ਕਦਮ ਹਨਃ \\n\\n1. ਪਹਿਲਾਂ, ਚਲੋ।\'ਬਣਾਓ-ਪ੍ਰਤੀਕ੍ਰਿਆ-ਐਪ\' ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਨਵਾਂ ਪ੍ਰਤੀਕ੍ਰਿਆ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ। ਇੱਕ ਟਰਮੀਨਲ ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠ ਦਿੱਤੀ ਕਮਾਂਡ ਚਲਾਓਃ \\n \'\' lua\\npx ਬਣਾਓ-ਪ੍ਰਤੀਕ੍ਰਿਆ-ਐਪ ਟੋਡੋ-ਐਪ\\n \'\\n2।ਇੱਕ ਵਾਰ ਜਦੋਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਚਲਾ ਕੇ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਜਾਓਃ \\n "\'ਬੈਸ਼\\ncd ਟੋਡੋ-ਐਪ\\n\' \\n3. ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ \'src/ਸੂਚਕਾਂਕ. js\' ਫਾਈਲ ਖੋਲ੍ਹੋ।ਟੈਕਸਟ ਐਡੀਟਰ ਅਤੇ ਸਮੱਗਰੀ ਨੂੰ ਹੇਠ ਦਿੱਤੇ ਕੋਡ ਨਾਲ ਬਦਲੋਃ \\n "\'ਜਾਵਾਸਕ੍ਰਿਪਟ\\ਨਿੰਪੋਰਟ ਪ੍ਰਤੀਕ੍ਰਿਆ, {usageState} ਤੋਂ\\\' ਪ੍ਰਤੀਕ੍ਰਿਆ \'; \\n\\n ਫੰਕਸ਼ਨ ਟੋਡੋ ਲਿਸਟ () {\\nਕਾਂਸਟ [todos, سیٹਟੋਡੋਸ] = ਯੂਜ਼ ਸਟੇਟ ([]); \\n\\n ਕਾਂਸਟ ਐਡਟੋਡੋ = (ਟੈਕਸਟ) => {\\n ਸੈਟਟੋਡੋਸ ([... todos, {ਟੈਕਸਟ}]); \\n}; \\n\\n ਕਾਂਸਟ ਹਟਾਓਟੋਡੋ = (ਇੰਡੈਕਸ) => {\\nਸੈੱਟਟੋਡੋਸ (todos.filter ((ਟੋਡੋ, i) => i! = = ਇੰਡੈਕਸ); \\n}; \\n\\n ਰਿਟਰਨ (\\n <ਡਿਵੀ> \\n <h1> ਟੋਡੋ ਲਿਸਟ </h1> \\n <ਫਾਰਮ> \\n <ਇੰਪੁੱਟ ਕਿਸਮ = "ਟੈਕਸਟ" ਪਲੇਸਹੋਲਡਰ = "ਟੋਡੋ ਸ਼ਾਮਲ ਕਰੋ"/> \\n <ਬਟਨ ਕਿਸਮ = "ਜਮ੍ਹਾਂ ਕਰੋ"> ਸ਼ਾਮਲ ਕਰੋ </ਬਟਨ> \\n </ਫਾਰਮ> \\n <ਉਲ> \\n {todos.map ((ਟੋਡੋ, ਇੰਡੈਕਸ) => (\\n <NAME _ 1 ਕੁੰਜੀ = {ਇੰਡੈਕਸ}> \\n {ਟੋਡੋ} \\n <ਬਟਨ ਕਿਸਮ = "ਬਟਨ"\'ਤੇ ਕਲਿੱਕ ਕਰੋ = {() => ਹਟਾਓਟੋਡੋ (ਇੰਡੈਕਸ)> \\n ਹਟਾਓ\\n </ਬਟਨ> \\n </NAME _ 1> \\n)} \\n </ul> \\n </iv> \\n; \\n} \\n\\nexport ਡਿਫਾਲਟ ਟੋਡੋ ਲਿਸਟ; \\n "\' \\n4. ਇਹ ਕੋਡ ਸੈੱਟ ਕਰਦਾ ਹੈ।ਨਵੇਂ ਟੋਡੋਜ਼ ਨੂੰ ਜੋਡ਼ਨ ਲਈ ਇੱਕ ਫਾਰਮ ਦੇ ਨਾਲ ਇੱਕ ਬੁਨਿਆਦੀ ਟੋਡੋਜ਼ ਸੂਚੀ ਐਪ, ਅਤੇ ਮੌਜੂਦਾ ਟੋਡੋਜ਼ ਦੀ ਇੱਕ ਸੂਚੀ ਜਿਸ ਨੂੰ ਇੱਕ ਬਟਨ ਦਬਾ ਕੇ ਹਟਾਇਆ ਜਾ ਸਕਦਾ ਹੈ। ਟੋਡੋਜ਼ ਨੂੰ ਸੰਭਾਲਿਆ ਜਾਂਦਾ ਹੈ\'ਟੋਡੋਸ\' ਅਵਸਥਾ ਵੇਰੀਏਬਲ ਵਿੱਚ, ਅਤੇ \'ਐਡਟੋਡੋ\' ਅਤੇ \'ਰਿਮੂਵਟੋਡੋ\' ਫੰਕਸ਼ਨਾਂ ਦੀ ਵਰਤੋਂ ਕ੍ਰਮਵਾਰ ਉਹਨਾਂ ਨੂੰ ਜੋਡ਼ਨ ਅਤੇ ਹਟਾਉਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। \\n5. ਫਾਇਲ ਨੂੰ ਸੰਭਾਲੋ ਅਤੇ ਸ਼ੁਰੂ ਕਰੋਵਿਕਾਸ ਸਰਵਰ ਚਲਾ ਕੇਃ \'\\n\' \'sql\\nppm ਸਟਾਰਟ \\n\' \'\\n6. ਆਪਣਾ ਬਰਾਊਜ਼ਰ ਖੋਲ੍ਹੋ ਅਤੇ\' HTTP:// ਲੋਕਲਹੋਸਟਃ 3000 \'ਉੱਤੇ ਜਾਓ। ਤੁਹਾਨੂੰ ਟੋਡੋ ਵੇਖਣਾ ਚਾਹੀਦਾ ਹੈ।ਸੂਚੀ ਐਪ! ਕੁੱਝ ਟੋਡੋ ਸ਼ਾਮਲ ਕਰੋ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਇਹ ਵੇਖਣ ਲਈ ਹਟਾਓ ਕਿ \',\' ਕੀ ਤੁਸੀਂ ਨਿਊਮੋਰਫਿਜ਼ਮ ਨੂੰ ਜਾਣਦੇ ਹੋ \',\' ਹਾਂ, ਮੈਂ ਨਿਊਮੋਰਫਿਜ਼ਮ ਤੋਂ ਜਾਣੂ ਹਾਂ। ਨਿਊਮੋਰਫਿਜ਼ਮ ਇੱਕ ਡਿਜ਼ਾਈਨ ਤਕਨੀਕ ਹੈ।ਜੋ 2ਡੀ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਡੂੰਘਾਈ ਜਾਂ ਅਯਾਮ ਦਾ ਭਰਮ ਪੈਦਾ ਕਰਨ ਲਈ ਵਿਜ਼ੂਅਲ ਤੱਤਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ਇਹ ਅਕਸਰ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਵਧੇਰੇ ਡਿਜ਼ਾਈਨ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।ਯਥਾਰਥਵਾਦੀ ਅਤੇ ਆਕਰਸ਼ਕ ਉਪਭੋਗਤਾ ਅਨੁਭਵ। \\n\\ਨਿਓਮੋਰਫਿਜ਼ਮ ਵਿੱਚ ਵਿਜ਼ੂਅਲ ਸੰਕੇਤਾਂ ਜਿਵੇਂ ਕਿ ਸ਼ੈਡਿੰਗ, ਧੁੰਦਲਾਪਣ ਅਤੇ ਟੈਕਸਟਰਿੰਗ ਦੀ ਵਰਤੋਂ ਸ਼ਾਮਲ ਹੈ ਤਾਂ ਜੋ ਇਸ ਦਾ ਭਰਮ ਪੈਦਾ ਕੀਤਾ ਜਾ ਸਕੇ।ਡੂੰਘਾਈ. ਉਦਾਹਰਨ ਲਈ, ਇੱਕ ਬਟਨ ਜਿਸ ਨੂੰ ਦਬਾਇਆ ਜਾਂ ਹਾਈਲਾਈਟ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਉੱਚਾ ਜਾਂ ਇੰਡੇਟਿਡ ਜਾਪਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਇਹ ਭਰਮ ਪੈਦਾ ਹੁੰਦਾ ਹੈ ਕਿ ਇਸ ਵਿੱਚ ਡੂੰਘਾਈ ਹੈ। ਇਸੇ ਤਰ੍ਹਾਂ,ਇੱਕ ਪਿਛੋਕਡ਼ ਚਿੱਤਰ ਡੂੰਘਾਈ ਦਾ ਭਰਮ ਪੈਦਾ ਕਰਨ ਲਈ ਕੋਨਿਆਂ ਵਿੱਚ ਥੋਡ਼੍ਹਾ ਧੁੰਦਲਾ ਜਾਂ ਨਰਮ ਦਿਖਾਈ ਦੇ ਸਕਦਾ ਹੈ।ਡਿਜ਼ਾਈਨ ਤੱਤਾਂ ਦੀ ਵਿਭਿੰਨਤਾ, ਜਿਸ ਵਿੱਚ ਬਟਨ, ਆਈਕਾਨ, ਟੈਕਸਟ ਅਤੇ ਪਿਛੋਕਡ਼ ਸ਼ਾਮਲ ਹਨ। ਇਹ ਵਿਸ਼ੇਸ਼ ਤੌਰ \'ਤੇ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਹੁੰਦਾ ਹੈ ਜਦੋਂ ਹੋਰ ਡਿਜ਼ਾਈਨ ਦੇ ਨਾਲ ਜੋਡ਼ ਕੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।ਫਲੈਟ ਡਿਜ਼ਾਈਨ ਜਾਂ ਮੈਟੀਰੀਅਲ ਡਿਜ਼ਾਈਨ ਵਰਗੇ ਸਿਧਾਂਤ, ਜੋ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਸਾਦਗੀ ਅਤੇ ਘੱਟੋ-ਘੱਟਤਾ ਉੱਤੇ ਜ਼ੋਰ ਦਿੰਦੇ ਹਨ। ਕੁੱਲ ਮਿਲਾ ਕੇ, ਨਿਊਮੋਰਫਿਜ਼ਮ ਇੱਕ ਸ਼ਕਤੀਸ਼ਾਲੀ ਡਿਜ਼ਾਈਨ ਹੈ।ਤਕਨੀਕ ਜੋ ਡਿਜੀਟਲ ਉਤਪਾਦਾਂ ਅਤੇ ਇੰਟਰਫੇਸ ਵਿੱਚ ਇੱਕ ਵਧੇਰੇ ਡੂੰਘਾ ਅਤੇ ਆਕਰਸ਼ਕ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਬਣਾਉਣ ਵਿੱਚ ਸਹਾਇਤਾ ਕਰ ਸਕਦੀ ਹੈ। \',\' ਸਟਾਈਲ ਇੱਕ ਬੁਨਿਆਦੀ ਪ੍ਰਤੀਕ੍ਰਿਆ ਟੋਡੋ ਲਿਸਟ ਐਪਨਿਊਮੋਰਫਿਜ਼ਮ ਸ਼ੈਲੀ ਦੇ ਨਾਲ, \'ਜ਼ਰੂਰ! ਇੱਥੇ ਇੱਕ ਉਦਾਹਰਣ ਹੈ ਕਿ ਤੁਸੀਂ ਇੱਕ ਨਿਊਮੋਰਫਿਕ ਡਿਜ਼ਾਈਨ ਦੇ ਨਾਲ ਇੱਕ ਬੁਨਿਆਦੀ ਪ੍ਰਤੀਕ੍ਰਿਆ ਟੋਡੋ ਸੂਚੀ ਐਪ ਨੂੰ ਕਿਵੇਂ ਸਟਾਈਲ ਕਰ ਸਕਦੇ ਹੋਃ \\n\\n1. ਪਹਿਲਾਂ, ਆਓ\'ਬਣਾਓ-ਪ੍ਰਤੀਕ੍ਰਿਆ-ਐਪ\' ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਨਵਾਂ ਪ੍ਰਤੀਕ੍ਰਿਆ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ। ਇੱਕ ਟਰਮੀਨਲ ਖੋਲ੍ਹੋ ਅਤੇ ਹੇਠ ਦਿੱਤੀ ਕਮਾਂਡ ਚਲਾਓਃ \\n \'\' lua\\npx ਬਣਾਓ-ਪ੍ਰਤੀਕ੍ਰਿਆ-ਐਪ ਟੋਡੋ-ਐਪ\\n \'\\n2।ਇੱਕ ਵਾਰ ਜਦੋਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਇਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਚਲਾ ਕੇ ਪ੍ਰੋਜੈਕਟ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਜਾਓਃ \\n "\'ਬੈਸ਼\\ncd ਟੋਡੋ-ਐਪ\\n\' \\n3. ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ \'src/ਸੂਚਕਾਂਕ. js\' ਫਾਈਲ ਖੋਲ੍ਹੋ।ਟੈਕਸਟ ਐਡੀਟਰ ਅਤੇ ਸਮੱਗਰੀ ਨੂੰ ਹੇਠ ਦਿੱਤੇ ਕੋਡ ਨਾਲ ਬਦਲੋਃ \\n "\'ਜਾਵਾਸਕ੍ਰਿਪਟ\\ਨਿੰਪੋਰਟ ਪ੍ਰਤੀਕ੍ਰਿਆ, {usageState} ਤੋਂ\\\' ਪ੍ਰਤੀਕ੍ਰਿਆ \'; \\n\\n ਫੰਕਸ਼ਨ ਟੋਡੋਲਿਸਟ () {\\nਕਾਂਸਟ [todos, سیٹਟੋਡੋਸ] = ਯੂਜ਼ ਸਟੇਟ ([]); \\n\\n ਕਾਂਸਟ ਐਡਟੋਡੋ = (ਟੈਕਸਟ) => {\\n ਸੈਟਟੋਡੋਸ ([... todos, {ਟੈਕਸਟ}]); \\n}; \\n\\n ਕਾਂਸਟ ਹਟਾਓਟੋਡੋ = (ਇੰਡੈਕਸ) => {\\nਸੈੱਟਟੋਡੋਸ (todos.filter ((ਟੋਡੋ, i) => i! = = ਇੰਡੈਕਸ); \\n}; \\n\\n ਰਿਟਰਨ (\\n <ਡਿਵੀ> \\n <h1> ਟੋਡੋ ਲਿਸਟ </h1> \\n <ਫਾਰਮ> \\n <ਇੰਪੁੱਟ ਕਿਸਮ = "ਟੈਕਸਟ" ਪਲੇਸਹੋਲਡਰ = "ਟੋਡੋ ਸ਼ਾਮਲ ਕਰੋ"/> \\n <ਬਟਨ ਕਿਸਮ = "ਜਮ੍ਹਾਂ ਕਰੋ"> ਸ਼ਾਮਲ ਕਰੋ </ਬਟਨ> \\n </ਫਾਰਮ> \\n <ul> \\n {todos.map ((ਟੋਡੋ, ਇੰਡੈਕਸ) => (\\n <NAME _ 1 ਕੁੰਜੀ = {ਇੰਡੈਕਸ}> \\n <ਬਟਨ ਕਿਸਮ = "ਬਟਨ" ਉੱਤੇ ਕਲਿੱਕ ਕਰੋ = {() =>ਰਿਮੂਵ ਟੂਡੋ (ਇੰਡੈਕਸ)}> \\n ਹਟਾਓ \\n </ਬਟਨ> \\n <ਡਿਵੀ> \\n <ਸਪੈਨ> {ਟੋਡੋ} </ਸਪੈਨ> \\n <ਡਿਵੀ> \\n <ਆਈ. ਐੱਮ. ਜੀ. ਐੱਸ. ਆਰ. ਸੀ. = {ਟੋਡੋ = = =\\\'ਕਰਿਆਨਾ ਖਰੀਦੋ\\\'?ਲੋਡ਼ੀਂਦਾ (\\\'./ਖ਼ਰੀਦ-groceries.jpg\\\'): ਲੋਡ਼ੀਂਦਾ (\\\'./ਲੋਡਿੰਗ. gif\\\')} alt = "ਟੋਡੋ"/> \\n </ਡਿਵੀ> \\n </ਡਿਵੀ> \\n </NAME _ 1> \\n)} \\n </ul> \\n </ਡਿਵੀ> \\n); \\n} \\nਡਿਫਾਲਟ ਟੋਡੋਲਿਸਟ; \\n \'\\n4. ਇਸ ਕੋਡ ਵਿੱਚ, ਅਸੀਂ ਬਟਨ ਅਤੇ ਚਿੱਤਰ ਨੂੰ ਲਪੇਟਣ ਲਈ ਹਰੇਕ\' ਨਾਮ _ 1 \'ਤੱਤ ਦੇ ਅੰਦਰ ਇੱਕ\' ਡਿਵੀ \'ਤੱਤ ਜੋਡ਼ਿਆ ਹੈ।\' ਡਿਵੀ \'ਤੱਤਟੋਡੋ ਆਈਟਮ ਟੈਕਸਟ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਇੱਕ \'ਸਪੈਨ\' ਚਾਈਲਡ ਤੱਤ ਹੈ, ਅਤੇ ਇੱਕ \'ਆਈ. ਐੱਮ. ਜੀ.\' ਚਾਈਲਡ \',\' ਐਪ ਵਿੱਚ ਸਟਾਈਲਿੰਗ ਸ਼ਾਮਲ ਕਰੋ \'] ', 'ਇੱਕ ਟੋਡੋ ਲਿਸਟ ਐਪ ਲਿਖੋ ਮੈਨੂੰ ਲਗਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਪ੍ਰਤੀਕਿਰਿਆ ਦਿੰਦੇ ਹੋ \n ']