ਤੁਹਾਡੀ ਪਹਿਲੀ React ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਸਥਾਪਿਤ ਕਰਨਾ ਅਤੇ ਬਣਾਉਣਾ

React ਆਪਣੀ ਪਹਿਲੀ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣ ਦੇ ਨਾਲ ਸ਼ੁਰੂਆਤ ਕਰਨ ਲਈ, ਇਹਨਾਂ ਕਦਮਾਂ ਦੀ ਪਾਲਣਾ ਕਰੋ:

 

1. Node.js ਇੰਸਟਾਲ ਕਰੋ

ਪਹਿਲਾਂ, ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡੇ ਕੰਪਿਊਟਰ 'ਤੇ Node.js ਸਥਾਪਤ ਹੈ। ਤੁਸੀਂ Node.js ਵੈੱਬਸਾਈਟ( https://nodejs.org ) ਤੋਂ ਨਵੀਨਤਮ ਸੰਸਕਰਣ ਨੂੰ ਡਾਊਨਲੋਡ ਅਤੇ ਸਥਾਪਿਤ ਕਰ ਸਕਦੇ ਹੋ।

 

2. ਇੱਕ React ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਓ

React ਇੱਕ ਟਰਮੀਨਲ ਜਾਂ ਕਮਾਂਡ ਪ੍ਰੋਂਪਟ ਖੋਲ੍ਹੋ ਅਤੇ ਉਸ ਡਾਇਰੈਕਟਰੀ 'ਤੇ ਨੈਵੀਗੇਟ ਕਰੋ ਜਿੱਥੇ ਤੁਸੀਂ ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਹੋ । ਫਿਰ, ਇੱਕ ਨਵੀਂ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣ ਲਈ ਹੇਠ ਦਿੱਤੀ ਕਮਾਂਡ ਚਲਾਓ React:

npx create-react-app my-app

my-app  ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਡਾਇਰੈਕਟਰੀ ਲਈ ਲੋੜੀਂਦੇ ਨਾਮ ਨਾਲ ਬਦਲੋ । ਤੁਸੀਂ ਆਪਣੀ ਪਸੰਦ ਦਾ ਕੋਈ ਵੀ ਨਾਮ ਚੁਣ ਸਕਦੇ ਹੋ।

 

3. React ਐਪਲੀਕੇਸ਼ਨ ਚਲਾਓ

ਇੱਕ ਵਾਰ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣ ਦੀ ਪ੍ਰਕਿਰਿਆ ਪੂਰੀ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਕਮਾਂਡ ਚਲਾ ਕੇ ਐਪਲੀਕੇਸ਼ਨ ਡਾਇਰੈਕਟਰੀ ਵਿੱਚ ਨੈਵੀਗੇਟ ਕਰੋ:

cd my-app

 ਅੱਗੇ, ਤੁਸੀਂ ਕਮਾਂਡ ਚਲਾ ਕੇ ਐਪਲੀਕੇਸ਼ਨ ਸ਼ੁਰੂ ਕਰ ਸਕਦੇ ਹੋ:

npm start

 ਇਹ ਵਿਕਾਸ ਸਰਵਰ ਨੂੰ ਚਾਲੂ ਕਰੇਗਾ ਅਤੇ React ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਤੁਹਾਡੀ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਖੋਲ੍ਹ ਦੇਵੇਗਾ। ਤੁਸੀਂ http://localhost:3000 ' React ਤੇ ਚੱਲ ਰਹੇ ਵੈਬ ਪੇਜ ਨੂੰ ਦੇਖ ਸਕਦੇ ਹੋ ।

 

4. ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਸੋਧੋ

ਹੁਣ ਜਦੋਂ ਤੁਹਾਡੇ ਕੋਲ ਇੱਕ ਬੁਨਿਆਦੀ ਐਪਲੀਕੇਸ਼ਨ ਹੈ, ਤੁਸੀਂ  ਕਸਟਮ ਇੰਟਰਫੇਸ ਅਤੇ ਤਰਕ ਬਣਾਉਣ ਲਈ ਡਾਇਰੈਕਟਰੀ React ਵਿੱਚ ਸਰੋਤ ਕੋਡ ਨੂੰ ਸੋਧ ਸਕਦੇ ਹੋ । src ਜਦੋਂ ਤੁਸੀਂ ਆਪਣੀਆਂ ਤਬਦੀਲੀਆਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਕਰਦੇ ਹੋ, ਤਾਂ ਬ੍ਰਾਊਜ਼ਰ ਤੁਹਾਡੇ ਲਈ ਤੁਰੰਤ ਨਤੀਜੇ ਦੇਖਣ ਲਈ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਆਪਣੇ ਆਪ ਰੀਲੋਡ ਕਰੇਗਾ।

 

React ਇਹ ਪਹਿਲੀ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਸਥਾਪਿਤ ਕਰਨ ਅਤੇ ਬਣਾਉਣ ਦੀ ਪ੍ਰਕਿਰਿਆ ਹੈ । ਹੁਣ ਤੁਸੀਂ ਐਪਲੀਕੇਸ਼ਨ ਡਿਵੈਲਪਮੈਂਟ ਦੀ ਦੁਨੀਆ ਦੀ ਪੜਚੋਲ ਕਰਨ React ਅਤੇ ਆਪਣੀ ਐਪਲੀਕੇਸ਼ਨ ਨੂੰ ਲੋੜ ਅਨੁਸਾਰ ਅਨੁਕੂਲਿਤ ਕਰਨ ਲਈ ਤਿਆਰ ਹੋ।