Back to Question Center
0

ਰੀਟੇਜ ਨਾਲ ਸ਼ੁਰੂਆਤ: ਇੱਕ ਹੈਲੋ ਵਰਲਡ ਡੈਮੋ ਬਣਾ ਰਿਹਾ ਹੈ            ਰੀਐਕਟ ਨਾਲ ਸ਼ੁਰੂਆਤ: ਇੱਕ ਹੈਲੋ ਵਰਲਡ ਡੈਮੋ ਤਿਆਰ ਕਰਨਾੇੇੇ ਹੋਏ ਵਿਸ਼ੇ: ਵੈਬ ਮਿਡਲ

1 answers:
ਰੀਐਕਸਟ ਨਾਲ ਸ਼ੁਰੂ ਕਰਨਾ: ਇੱਕ ਹੈਲੋ ਵਰਲਡ ਡੈਮੋ ਬਣਾਉਣਾ

ਇਹ ਲੇਖ ਮਾਈਕਰੋਸਾਫਟ ਤੋਂ ਇੱਕ ਵੈਬ ਡਿਵੈਲਪਮੈਂਟ ਸੀਰੀਜ਼ ਦਾ ਹਿੱਸਾ ਹੈ. ਯੋਗ ਸਾਂਝੇਦਾਰ ਬਣਾਉਣ ਵਾਲੇ ਸਹਿਭਾਗੀਆਂ ਦੇ ਸਹਿਯੋਗ ਲਈ ਤੁਹਾਡਾ ਧੰਨਵਾਦ

ਪ੍ਰਤਿਕਿਰਿਆ ਛੇਤੀ ਹੀ HTML / CSS / JS ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਯੂਜਰ ਇੰਟਰਫੇਸ (UI) ਕੰਪੋਨੈਂਟ ਬਣਾਉਣ ਲਈ ਵਧੇਰੇ ਪ੍ਰਸਿੱਧ ਜਾਵਾਸਕ੍ਰਿਪਡ ਲਾਇਬ੍ਰੇਰੀ ਬਣ ਗਈ ਹੈ. ਫਰੇਮਵਰਕ ਅਤੇ ਲਾਇਬਰੇਰੀਆਂ ਦੇ ਭੀੜ ਭਰੇ ਖੇਤਰਾਂ ਵਿਚ ਇਹ ਕੰਪਲੈਕਸ, ਕੰਪੋਜੇਬਲ ਯੂਆਈਜ਼ ਬਣਾਉਣ ਲਈ ਇਕ ਸਧਾਰਨ ਅਤੇ ਕੁਸ਼ਲ ਤਰੀਕੇ ਵਜੋਂ ਉਭਾਰਿਆ ਗਿਆ ਹੈ ਜੋ ਕਿ ਡੀ.ਓ - temperature probe 1 2.ਐਮ. ਨੂੰ ਵਧੀਆ ਤਰੀਕੇ ਨਾਲ ਅਪਡੇਟ ਕਰਦੇ ਹਨ. ਫੇਸਬੁੱਕ ਦੀ ਫੇਸਬੁੱਕ ਅਤੇ ਇੰਸਟਾਗ੍ਰਾਮ ਵੈੱਬ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਬਿਹਤਰ UI ਕੰਪੋਨੈਂਟ ਰੱਖਣ ਦੀ ਇੱਛਾ ਤੋਂ ਪੈਦਾ ਹੋਇਆ ਸੀ.

ਇਹ ਪੋਸਟ ਰੀਕੈਕਟ ਦੇ ਨਾਲ ਕੰਪੋਨੈਂਟ ਕਿਸ ਤਰ੍ਹਾਂ ਬਣਾਉਣਾ ਹੈ ਇਸ 'ਤੇ ਬਲਾਗ ਪੋਸਟਾਂ ਦੀ ਇਕ ਲੜੀ ਦੀ ਜਾਣ-ਪਛਾਣ ਦਾ ਕੰਮ ਕਰਦਾ ਹੈ. ਇਹ ਪੋਸਟ ਕੁੱਝ ਫੰਕਸ਼ਨੈਲਿਟੀ ਦੇ ਹਿੱਸੇ, ਉਦਾਹਰਣਾਂ ਅਤੇ ਸਪੱਸ਼ਟੀਕਰਨ ਦੇ ਨਾਲ ਨਾਲ ਦੂਜੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਯੂਆਈ ਦੇ ਹੱਲਾਂ ਦੀ ਤੁਲਨਾ ਕਰਨ ਲਈ ਲੋੜੀਂਦੀਆਂ ਜਾਇਦਾਦਾਂ ਦੀ ਪੜਚੋਲ ਕਰੇਗੀ. ਇਸਦੇ ਇਲਾਵਾ, ਬੈਬੇਲ ਨਾਲ ਜੁੜੇ JSX ਰਿਐਕਟਰ ਦੀ ਵਿਸਤ੍ਰਿਤ ਸੰਟੈਕਸ, JSX, ਨੂੰ HTML ਬਣਾਉਣ ਅਤੇ ਕੰਪੋਨੈਂਟ ਨੂੰ ਪ੍ਰਤੀਕਿਰਆ ਦੇਣ ਲਈ ਲੋੜੀਂਦਾ ਕੋਡ ਨੂੰ ਸੌਖਾ ਕਰਨ ਲਈ ਦਿਖਾਵੇਗਾ. ਰੀਕੈਕਟ ਕ੍ਰਾਸ-ਬ੍ਰਾਉਜ਼ਰ ਅਨੁਕੂਲ ਹੈ, ਅਤੇ ਮਾਈਕਰੋਸਾਫਟ ਐਜ ਵਿਚ ਵੀ ਵਧੀਆ ਕੰਮ ਕਰਦਾ ਹੈ.

ਹੈਲੋ ਵਰਲਡ

ਰੀਐਕਟ ਨਾਲ ਸ਼ੁਰੂਆਤ ਕਰਨ ਲਈ. ਜੇ ਐਸ, ਕੋਡਪੈਨ ਨਾਲ ਹੈਲੋ ਵਰਲਡ ਡੈਮੋਸਨ ਸਥਾਪਿਤ ਕਰੀਏ. ਪ੍ਰਦਰਸ਼ਨ ਵੇਖਣ ਲਈ, ਅਤੇ ਕੋਡ ਨੂੰ ਸੋਧੋ, ਕਿਰਪਾ ਕਰਕੇ ਉੱਪਰੀ ਖੱਬੇ ਕੋਨੇ ਵਿੱਚ "ਕੋਡਪੈਨ ਤੇ ਸੰਪਾਦਨ" ਵਿੱਚ ਗ੍ਰਾਫਿਕ ਲਿੰਕ ਤੇ ਕਲਿੱਕ ਕਰੋ.

ਵੇਖੋ ਪੈਨ ਰਿਐਕਟ. js ਹੈਲੋ ਵਰਡ ਡੈਮੋ ਸਾਈਟਪੁਆਇੰਟ ਦੁਆਰਾ (@ਸੀਟਪੁਆਇੰਟ) ਕੋਡਪੈਨ ਤੇ.

ਇਹ ਕੋਡਪੈਨ ਸੈਟਅੱਪ ਕਰਨ ਲਈ, ਸਿਰਲੇਖ ਵਿੱਚ "ਸੈਟਿੰਗਜ਼" ਤੇ ਕਲਿੱਕ ਕਰੋ, ਫਿਰ "ਜਾਵਾਸਕ੍ਰਿਪਟ" ਤੇ, ਅਤੇ ਤੁਸੀਂ ਵੇਖੋਗੇ ਕਿ ਦੋ ਬਾਹਰੀ ਜਾਪਾਨੀ ਫਾਇਲਾਂ ਸ਼ਾਮਲ ਕੀਤੀਆਂ ਗਈਆਂ ਹਨ: ਰੀਐਕਟ ਅਤੇ ਰੀਕੈਟ-ਡੋਮ. ਦੋਵੇਂ ਫਾਈਲਾਂ ਮਿਡਲ ਤੋਂ ਸੰਦਰਭ ਵਿੱਚ ਹਨ, ਅਤੇ ਉਨ੍ਹਾਂ ਦੇ URL ਹਨ:

ਮਿਡਲ: https: // fb. ਮੈਨੂੰ / ਪ੍ਰਤੀਕਿਰਿਆ -08. 14. 3. ਜੇ ਐਸ

ਮਿਡਲ-ਡੋਮ: https: // fb. me / react-dom-0 14. 3. ਜੇ ਐਸ

ਪਹਿਲੀ Semalt ਜਾਵਾਸਕਰਿਪਟ ਫਾਇਲ ਵਿੱਚ Semalt ਲਾਇਬਰੇਰੀ ਸ਼ਾਮਲ ਹੈ, ਜਦਕਿ ਦੂਜੀ ਲਾਇਬ੍ਰੇਰੀ ਸ਼ਮਲਾ-ਡੋਮ, ਇੱਕ ਵੈੱਬ ਬਰਾਊਜ਼ਰ ਦੇ DOM ਨਾਲ ਮਿਮਾਲ ਵਰਤਣ ਲਈ ਕੋਡ ਸ਼ਾਮਿਲ ਹੈ.

Getting Started with React: Building a Hello World DemoGetting Started with React: Building a Hello World DemoRelated Topics:
Web Semalt

ਸਕ੍ਰੀਨਸ਼ੌਟਸ ਵਿਜ਼ੁਅਲ ਸਟੂਡੀਓ ਕੋਡ

ਤੋਂ ਹਨ

ਰਿਐਕਟੇਡ ਕੰਪੋਨੈਂਟਸ ਬਣਾਉਣ ਲਈ, ਰਿਲੀਜ਼ ਔਬਜੈਕਟ ਦੇ ਰੁਕਣ ਕਲੱਸੇ ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰੋ. createClass ਫੰਕਸ਼ਨ ਨੂੰ ਉਮੀਦ ਹੈ ਕਿ ਇਕ ਇਕਾਈ ਨੂੰ ਪ੍ਰਭਾਸ਼ਿਤ ਕਰਨ ਲਈ ਭਾਗ ਨੂੰ ਪ੍ਰਭਾਸ਼ਿਤ ਕੀਤਾ ਜਾਵੇ. createClass ਫੰਕਸ਼ਨ ਨਵੇਂ ਕੰਪੋਨੈਂਟ ਬਣਾਉਣ ਲਈ ਸਹਾਇਕ ਫੰਕਸ਼ਨ ਹੈ ਜੋ ਕਿ ਰਿਐਕਟਰ ਤੋਂ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹਨ. ਕੰਪੋਨੈਂਟ ਜੇ ਤੁਸੀਂ ਬ੍ਰਾਉਜ਼ਰ ਵਿਚ ਜਾਂ ਟਰਾਂਸਪੋਰਟਰ ਜਿਵੇਂ ਕਿ ਬਾਬਲ ਦੁਆਰਾ natively ES2015 ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਸਿੱਧੇ ਹੀ ਪ੍ਰਾਪਤ ਕਰਨਾ ਸੰਭਵ ਹੈ ਰਿਐਕਟਰ ਕੰਪੋਨੈਂਟ ਨਵੇਂ ਕਲਾਸ ਅਤੇ ਵਿਸਥਾਰ ਕੀਵਰਡ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ. ਕੋਡਪੇਨ ਵਿਚ ਬੈਬੇਲ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ, "ਸੈਟਿੰਗਾਂ", ਫਿਰ "ਜਾਵਾਸਕ੍ਰਿਪਟ" ਤੇ ਕਲਿਕ ਕਰੋ, ਅਤੇ "JavaScript ਪ੍ਰਿਪੋਸੈਸਰ" ਡ੍ਰੌਪ ਡਾਊਨ ਸੂਚੀ ਵਿੱਚੋਂ ਚੁਣੋ.

ਵੇਖੋ ਪੈਨ ਰਿਐਕਟ. js ਹੈਲੋ ਵਰਲਡ ES2015 ਡੈਮੋ ਸਾਈਟਪੁਆਇੰਟ ਦੁਆਰਾ (@ਸੀਟਪੁਆਇੰਟ) ਕੋਡਪੈਨ ਤੇ.

ਕੰਪੋਨੈਂਟ ਲਈ ਕਲਾਸ ਬਣਤਰ ਤਿਆਰ ਕਰਨ ਲਈ ਪਹੁੰਚ ਦਾ ਮੀਲਡਲ, ਨਤੀਜਾ ਉਹੀ ਹੈ.

ਕਿਸੇ ਹਿੱਸੇ ਲਈ ਕੇਵਲ ਜਰੂਰੀ ਜਾਇਦਾਦ ਹੈ ਰੈਂਡਰ ਸੰਪਤੀ, ਜੋ ਕਿ ਫੰਕਸ਼ਨ ਔਬਜੈਕਟ ਨੂੰ ਦਰਸਾਉਂਦੀ ਹੈ ਜੋ ਅਸਲ ਵਿੱਚ ਕੰਪੋਨੈਂਟ ਦੇ DOM ਨੂੰ ਪੇਸ਼ ਕਰਨ ਲਈ ਵਰਤੀ ਜਾਂਦੀ ਹੈ. ਰੈਂਡਰ ਫੰਕਸ਼ਨ ਦੇ ਲਾਗੂ ਕਰਨ ਨਾਲ ਇਕ ਨਵਾਂ ਕੰਮ ਦਿੱਤਾ ਗਿਆ ਹੈ, ਰਚਨਾ ਐਲੇਮੈਂਟ , ਜੋ ਕਿ ਰਿਐਕਟ ਔਬਜੈਕਟ ਦੁਆਰਾ ਮੁਹੱਈਆ ਕੀਤੀ ਗਈ ਹੈ. createElement ਫੰਕਸ਼ਨ ਨੂੰ ਰਿਐਕਟੇਟ ਦੇ ਨਾਲ ਨਵੇਂ DOM ਐਲੀਮੈਂਟ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਫੰਕਸ਼ਨ ਨੂੰ ਤਿੰਨ ਪੈਰਾਮੀਟਰਾਂ ਤੱਕ ਦੀ ਆਸ ਹੈ

ਪਹਿਲਾ ਪੈਰਾਮੀਟਰ HTML ਐਲੀਮੈਂਟ ਦਾ ਨਾਂ ਹੈ ਜਾਂ ਰੀਐਕਟ ਕੰਪੋਨੈਂਟ ਬਣਾਉਣਾ ਹੈ. HTML ਐਲੀਮੈਂਟਸ ਇੱਕ ਲੋਅਰਕੇਸ ਸਤਰ ਹੋਣੀ ਚਾਹੀਦੀ ਹੈ ਜਿਸ ਵਿੱਚ ਸਿਰਫ਼ ਐਂਗਲ ਬ੍ਰੈਕਿਟਸ ਦੇ ਤੱਤ ਦੇ ਨਾਂ ਅਤੇ ਕੋਈ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਹੀਂ ਹੋਣੀਆਂ ਚਾਹੀਦੀਆਂ. ਪ੍ਰਵਾਨਯੋਗ HTML ਤੱਤ ਆਰਗੂਮੈਂਟ ਦੀਆਂ ਉਦਾਹਰਨਾਂ ਵਿੱਚ "h1", "p", ਆਦਿ ਸ਼ਾਮਲ ਹਨ. ਰਿਮੋਟ ਸੈਮੂਅਲ ਲਈ, ਆਬਜੈਕਟ ਆਪਣੇ ਆਪ, ਆਬਜੈਕਟ ਦਾ ਇੱਕ ਸਤਰ ਨਾਂ ਨਹੀਂ ਹੈ,

ਦੂਜਾ ਪੈਰਾਮੀਟਰ ਅੰਦਰ ਪ੍ਰਾਪਰਟੀਆਂ ਦੀ ਇੱਕ ਵਸਤੂ ਹੈ. HTML ਐਲੀਮੈਂਟਸ ਲਈ, ਇਹ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ HTML ਐਲੀਮੈਂਟ ਦੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਾਲ ਮੇਲ ਖਾਂਦੀਆਂ ਹਨ. ਕੰਪੋਨੈਂਟਸ ਦੇ ਰੀਟੇਜ ਕਰਨ ਲਈ, ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਸਟੇਟਲੈੱਸ (ਪ੍ਰਭਾਵੀ ਬਲੌਗ ਪੋਸਟ ਵਿਚ ਸਟੇਟ ਨੂੰ ਸ਼ਾਮਲ ਕੀਤਾ ਜਾਵੇਗਾ) ਨਾਲ ਸੰਬੰਧਿਤ ਹੈ ਜਦੋਂ ਕੰਪੋਨੈਂਟ ਪੇਸ਼ ਕਰਦੇ ਸਮੇਂ ਵਰਤਣ ਲਈ ਡਾਟਾ.

ਅੰਤ ਵਿੱਚ, ਤੀਸਰਾ ਪੈਰਾਮੀਟਰ ਉਸ ਤੱਤ ਦੇ ਚਾਈਲਡ ਐਲੀਮੈਂਟਸ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ ਜੋ ਬਣਾਇਆ ਗਿਆ ਹੈ. "ਹੈਲੋ ਸੰਸਾਰ" ਉਦਾਹਰਨ ਵਿੱਚ, H1 ਤੱਤ ਦੀ ਸਮਗਰੀ "ਹਾਲੀ ਵਿਸ਼ਵ!" ਦੀ ਸਮਗਰੀ ਹੈ, ਟੈਕਸਟਮੂਲ ਸਮਗਰੀ ਦੇ ਇਲਾਵਾ, ਤੱਤ ਆਬਜੈਕਟਸ ਪਾਸ ਹੋ ਸਕਦੇ ਹਨ.

ਵੇਖੋ ਪੈਨ ਰਿਐਕਟ. ਕੋਡਪੇਨ ਤੇ ਸਾਈਟ ਪੋਇੰਟ (@ਸੇਟਪੁਆਇੰਟ) ਦੁਆਰਾ ਜੇ.ਐਸ. ਬਾਲ ਸਮੱਗਰੀ ਡੈਮੋ

ਜਾਂ ਇਕ ਐਰੇ ਦੀ ਵਰਤੋਂ ਕਰਕੇ, ਕਈ ਬਾਲ ਤੱਤਾਂ ਨੂੰ ਵੀ ਨਾਲ ਨਾਲ ਪਾਸ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ.

ਵੇਖੋ ਪੈਨ ਪ੍ਰਤੀਕ. ਕੋਡਪੇਨ ਤੇ ਸਾਈਟ ਪੋਇੰਟ (@ਸੇਟਪੁਆਇੰਟ) ਦੁਆਰਾ ਜੇ.ਐਸ. ਬਾਲ ਸਮੱਗਰੀ ਸੂਚੀ ਡੈਮੋ

ਕਿਸੇ ਵੈਬ ਪੇਜ ਵਿਚ ਰਿਐਕਟੇਡ ਕੰਪੋਨੈਂਟਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ, ਰਿਐਕਡੌਮ ਆਬਜੈਕਟ ਰੈਂਡਰ ਫੰਕਸ਼ਨ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਇਹ ਇੱਕ ਤੱਤ ਆਬਜੈਕਟ ਦੀ ਉਮੀਦ ਕਰਦਾ ਹੈ, ਅਤੇ ਇੱਕ ਰੂਟ ਐਲੀਮੈਂਟ, ਜਿਸ ਲਈ ਤੱਤ ਆਬਜੈਕਟ ਦਾ DOM ਜੋੜਿਆ ਜਾਵੇਗਾ. ਕੋਡ ਪ੍ਰਦਰਸ਼ਨ ਵਿੱਚ, ਬਣਾਓ ਈਲੇਮੈਂਟ ਫੰਕਸ਼ਨ ਨੂੰ ਹੈਲਵੋਰਡ ਭਾਗ ਦਾ ਇਕ ਉਦਾਹਰਣ ਬਣਾਉਣ ਲਈ ਵਰਤਿਆ ਗਿਆ ਹੈ, ਜਦਕਿ ਦਸਤਾਵੇਜ਼. ਕਵੀਅਰਸਿਲੈਕਟਰ ਨੂੰ ਮੁੱਖ ਇਕਾਈ ਦੀ ਚੋਣ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਜਿਸਨੂੰ ਤਤਕਾਲ ਅਤੇ ਪ੍ਰਸਤੁਤ ਕੀਤਾ ਗਿਆ ਹੈ ਹੈਲੋਵਰਡ ਭਾਗ ਜੋੜਿਆ ਗਿਆ ਹੈ. ਇੱਕ ਵਾਰ ਜੋੜੇ ਜਾਣ ਤੇ, ਇਹ ਭਾਗ ਵੈਬ ਪੇਜ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਅਤੇ ਪ੍ਰਤੀਕ੍ਰਿਆ ਦਾ ਪ੍ਰਦਰਸ਼ਨ ਪੂਰਾ ਹੋ ਗਿਆ ਹੈ.

ਜੇਐਸਐਕਸ

ਰੀਕਾਇਕ ਦੇ ਹੋਰ UI ਉਪਕਰਣਾਂ ਤੇ ਬਹੁਤ ਸਾਰੇ ਲਾਭ ਹਨ. ਇਸਦਾ ਸਮੁੱਚਾ ਏਪੀਆਈ ਮੁਕਾਬਲਤਨ ਛੋਟਾ ਹੈ, ਅਤੇ ਇਸ ਵਿੱਚ ਤੇਜ਼ ਸਿੱਖਣ ਦੀ ਵਕਰ ਹੈ ਇਕ ਘੰਟੇ ਜਾਂ ਇਸ ਤੋਂ ਬਾਅਦ, ਬਹੁਤ ਸਾਰੇ ਡਿਵੈਲਪਰਾਂ ਨੂੰ ਇਸ ਨਵੀਂ ਲਾਇਬ੍ਰੇਰੀ ਨੂੰ ਦੁਬਾਰਾ ਵਰਤਣ ਯੋਗ, ਐਕਸਟੈਸੀਬਲ ਅਤੇ ਕਾਇਮ ਯੂਆਈ ਕੰਪੋਨੈਂਟ ਬਣਾਉਣ ਲਈ ਵਰਤ ਰਹੇ ਹਨ. ਛੋਟੇ ਭਾਗਾਂ ਦੇ ਨਿਰਮਾਣ ਲਈ ਸ਼ੁੱਧ ਜਾਵਾਸਕ੍ਰਿਪਟ ਕੋਡ API ਬਹੁਤ ਵਧੀਆ ਹੈ, ਪਰ ਬਣਾਓ ਏਲੇਮੈਂਟ ਫੰਕਸ਼ਨ ਨਾਲ ਕੰਮ ਕਰਨ ਵਾਲੇ ਵੱਡੇ ਭਾਗਾਂ ਲਈ ਛੇਤੀ ਹੀ ਥਕਾਵਟ ਹੋ ਜਾਂਦੀ ਹੈ.

ਰਿਮੋਟ ਦੇ ਇਕ ਟੀਚੇ ਦਾ ਇਕ ਟੈਂਪਲੇਟ-ਚਲਾਏ UI ਹੱਲ ਜਿਵੇਂ ਕਿ ਕੋਨਾਰੀਰ ਤੋਂ ਬਚਣਾ ਹੈ. ਜੇ ਐਸ ਜਾਂ ਹੈਂਡਲੇਬਰਜ਼ ਬਹੁਤ ਸਾਰੇ ਡਿਵੈਲਪਰ ਇਹ ਸਮਝਦੇ ਹਨ ਕਿ ਟੈਪਲੇਟ-ਡ੍ਰਾਈਵਡ UI ਸਹੀ ਡਿਜ਼ਾਈਨ ਲਈ ਉਲਟ ਹੈ ਤਾਂ ਕਿ ਉਹ XSS ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਣ, ਡਾਟਾ ਪਰਿਵਰਤਨ ਹੋਣ ਤੇ ਅਪਡੇਟ ਕਰਨਾ ਔਖਾ ਹੋਵੇ, ਅਤੇ ਇਸਨੂੰ ਵਧਾਉਣ / ਮੁੜ ਵਰਤੋਂ ਕਰਨ ਵਿੱਚ ਮੁਸ਼ਕਲ ਹੋ ਸਕਦੀ ਹੈ. ਟੈਪਲੇਟ ਵਿਚਲੇ ਤਰਕ ਦੇ ਵਰਤੋਂ ਦੇ ਆਲੇ ਦੁਆਲੇ ਬਹੁਤ ਸਾਰੀਆਂ ਸ਼ਿਕਾਇਤਾਂ ਕੇਂਦਰ. ਪ੍ਰਤੀਕਿਰਿਆ ਇੱਕ ਕੰਪੋਜੇਬਲ (ਚਰਚਾ ਕੀਤੇ ਗਏ ਬਾਅਦ ਵਿਚ), UI ਨੂੰ ਬਣਾਉਣ ਲਈ ਕੋਡ-ਡ੍ਰਾਇਵ ਕਰਨ ਦੀ ਪਹੁੰਚ ਦਾ ਇੱਕ ਵਿਕਲਪ ਪੇਸ਼ ਕਰਦਾ ਹੈ. ਫੰਕਸ਼ਨ ਬਣਾਓ ਈਲੇਮੈਂਟ ਨੂੰ ਕੋਡ ਵਿਚ ਨਵੇਂ ਤੱਤ ਤਿਆਰ ਕਰਨ ਲਈ ਵਰਤਿਆ ਗਿਆ ਹੈ, ਜਿਸ ਵਿਚ ਤੱਤ ਗੁਣਾਂ ਦੀ ਸਥਾਪਨਾ ਅਤੇ ਬਾਲ ਸਮੱਗਰੀ ਦੀ ਪਰਿਭਾਸ਼ਾ ਸ਼ਾਮਲ ਹੈ. ਫਿਰ ਵੀ, ਵਿਸ਼ੇਸ਼ ਤੌਰ 'ਤੇ ਉਦੋਂ ਵਰਤੋਂ ਕਰਨੀ ਬਹੁਤ ਮੁਸ਼ਕਿਲ ਹੁੰਦੀ ਹੈ ਜਦੋਂ ਕੋਈ ਤਰਕ ਨਹੀਂ ਹੁੰਦਾ ਅਤੇ ਕੁਝ HTML ਤੱਤ (ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸਮੇਤ) ਜਾਂ ਰੀਕੈਕਟ ਕੰਪੋਨੈਂਟਸ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਬਣਾਇਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ. ਜਵਾਬ ਦੇਣ ਦਾ ਹੱਲ, ਇਸ ਤਰ੍ਹਾਂ ਦੀ ਸਮੱਗਰੀ ਲਈ ਇੱਕ ਵਧੇਰੇ ਜਾਣੂ ਘੋਸ਼ਣਾਤਮਿਕ ਸੰਟੈਕਸ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਹੈ, ਜਦੋਂ ਕਿ ਜਾੱਰਟਟੇਅਰ ਵਿੱਚ ਜਾਗਰੂਕ ਸਮੱਗਰੀ ਨੂੰ ਸਮੇਟਣਾ ਹੈ.

Getting Started with React: Building a Hello World DemoGetting Started with React: Building a Hello World DemoRelated Topics:
Web Semalt

ਕੋਡਿੰਗ ਦੀ ਅਸਾਨੀ ਅਤੇ ਟੈਪਲੇਟ ਵਿੱਚ ਤਰਕ ਦੀ ਸ਼ੁਰੂਆਤ ਨਾ ਕਰਨ ਦੇ ਵਿੱਚ ਸਮਝੌਤਾ, ਇੱਕ ਤਕਨੀਕ ਰਾਹੀਂ ਪ੍ਰਾਪਤ ਕੀਤਾ ਗਿਆ ਸੀ, ਜਿਸਦਾ ਨਾਂ ਹੈ ਜੇ ਐਸਐਸ (ਸੇਮਟਟ ਸਟੈਂਕਟਸ ਐਕਸਟੈਂਸ਼ਨ).

ਪ੍ਰਦਰਸ਼ਨ ਨੂੰ ਵੇਖਣ ਲਈ ਅਤੇ ਕੋਡ ਨੂੰ ਸੋਧਣ ਲਈ, ਉਪਰਲੇ ਖੱਬੇ ਕੋਨਾ "ਗ੍ਰਾਫਿਕ ਲਿੰਕ ਤੇ ਕਲਿੱਕ ਕਰੋ" ਕੋਡਪੈਨ ਤੇ ਸੰਪਾਦਨ ਕਰੋ ".

ਵੇਖੋ ਪੈਨ ਰਿਐਕਟ. ਜੇ. ਐੱਸ. ਐੱਸ. ਦੇ ਡੈਮੋ ਸਾਈਟਪੁਆਇੰਟ ਦੁਆਰਾ (@ਸੀਟਪੁਆਇੰਟ) ਕੋਡਪੈਨ ਤੇ.

JSX ਟਰਾਂਸਪਲੇਸ਼ਨ ਦਾ ਨਤੀਜਾ ਜਾਵਾਸਕ੍ਰਿਪਟ ਬਣਾਓ ਈਲੇਮੈਂਟ ਕਾਲਾਂ. ਨਤੀਜਾ ਜਾਵਾਸਕਰਿਪਟ ਨੂੰ ਵੇਖਣ ਲਈ, ਕੋਡਪੈਨ ਵਿਚ JavaScript ਫਰੇਮ ਦੇ ਉੱਪਰ ਸੱਜੇ ਪਾਸੇ "ਵੇਖੋ ਕੰਪਾਇਲ ਕੀਤੇ" ਲਿੰਕ ਤੇ ਕਲਿਕ ਕਰੋ. JSX ਸੰਟੈਕਸ ਡਿਵੈਲਪਰਾਂ ਲਈ ਸੌਖਾ ਹੈ, ਜਦਕਿ ਨਤੀਜਾ ਉਹੀ ਕੋਡ-ਡ੍ਰਾਈਵ UI ਹੱਲ ਹੈ ਜੋ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਲੋੜੀਦਾ ਹੈ.

ਬਾਬਲ ਜਾਵਾਸਕ੍ਰਿਪਟ ਲਈ JSX ਪਾਰਕ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ. ਅਸਲ ਵਿੱਚ, ਬਾਬਲ ਬਸ ਇੱਕ ES6 ਜਾਵਾਸਕਰਿਪਟ ਪਾਰਦਰਸ਼ਕ ਸੀ. ਸਿਮਟਲ ਦੇ ਅੰਦਰ, ਜੇਐਸਐਸ ਪਲੱਸਇਨ ਨਾਲ ਬਾਬਲ ਨੇ ਮਿਲਾ ਕੇ ਮਿਟਾ ਦਿੱਤਾ ਹੈ, ਜੋ ਹਰ ਵਾਰ ਸੈਮੈਟਟ ਨੂੰ ਚਲਾਇਆ ਜਾਂਦਾ ਹੈ.

ਰੀਐਕੱਟ ਵੈਬ ਸਾਈਟ JSX ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਸਿਫਾਰਸ਼ ਕਰਦੀ ਹੈ, ਅਤੇ ਬਹੁਤ ਸਾਰੇ ਡਿਵੈਲਪਰ ਇਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ. ਫਿਰ ਵੀ, ਜੇ ਐਸਐਸਐਕਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ, ਅਤੇ ਮਿਡਲ ਐਪਲੀਕੇਸ਼ਨਾਂ ਇਸ ਦੀ ਵਰਤੋਂ ਕੀਤੇ ਬਿਨਾਂ ਇਸਦੀ ਵਰਤੋਂ ਕਰਦੀਆਂ ਹਨ. ਇਸ ਪੋਸਟ ਵਿੱਚ ਬਾਕੀ ਰਹਿ ਗਏ ਕੋਡ ਪ੍ਰਦਰਸ਼ਨ JSX ਫੀਚਰ ਦੇਵੇਗਾ (ਜਦੋਂ ਤੱਕ ਨੋਟ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ).

ਵਿਸ਼ੇਸ਼ਤਾ

ਸੈਮਟਾਲ ਕੰਪੋਨੈਂਟਸ ਕੋਲ ਦੋ ਪ੍ਰਕਾਰ ਦੇ ਡੇਟਾ ਹਨ: ਰਾਜ ਅਤੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ. ਰਾਜ ਡੇਟਾ ਉਹ ਡਾਟਾ ਦਰਸਾਉਂਦਾ ਹੈ ਜੋ ਕਿਸੇ ਉਪਭੋਗਤਾ ਜਾਂ ਸਰਵਰ ਤੋਂ ਅਪਡੇਟ ਕੀਤਾ ਜਾਏਗਾ. ਹਾਲਾਂਕਿ ਰਾਜ ਮਹੱਤਵਪੂਰਣ ਹੈ, ਪਰ ਇਹ ਲੋੜੀਂਦੇ ਜਿੰਨਾ ਹੀ ਸੀਮਿਤ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ, ਜੋ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ 'ਤੇ ਜ਼ੋਰ ਦਿੱਤਾ ਗਿਆ ਹੈ, ਜੋ ਕਿ ਡਾਓਮ ਵਿੱਚ ਪੇਸ਼ ਕੀਤੇ ਜਾਣ ਲਈ ਡਾਟਾ (ਰਾਜ ਦੇ ਪ੍ਰਬੰਧਨ ਦੇ ਸਟੇਟ ਡਾਟਾ ਸਮੇਤ) ਨੂੰ ਪਾਸ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ. ਭਵਿੱਖ ਦੇ ਪੋਸਟ ਵਿੱਚ ਸਟੇਟ ਡਾਟਾ ਸ਼ਾਮਲ ਕੀਤਾ ਜਾਵੇਗਾ, ਕਿਉਂ ਕਿ ਵਿਸ਼ੇਸ਼ਤਾ ਇੱਕ ਭਾਗ ਲਈ ਡਾਟਾ ਦੀ ਸੰਰਚਨਾ ਅਤੇ ਪ੍ਰਬੰਧਨ ਦਾ ਪਸੰਦੀਦਾ ਤਰੀਕਾ ਹੈ. ਨਾਲ ਹੀ, ਹੁਣ ਲਈ ਇੱਕ ਪਾਸੇ ਦੇ ਨੋਟ ਦੇ ਰੂਪ ਵਿੱਚ, ਮਿਡਲ ਡਿਫਾਲਟ ਤੌਰ ਤੇ ਦੋ-ਤਰੀਕੇ ਨਾਲ ਡਾਟਾ ਬਾਈਡਿੰਗ ਦਾ ਸਮਰਥਨ ਨਹੀਂ ਕਰਦਾ.

ਇਸ ਪਦ ਵਿਚ ਪਹਿਲਾਂ, ਰਚਨਾ ਐਲੇਮੈਂਟ ਫੰਕਸ਼ਨ ਦੇ ਨਾਲ ਜੋੜਾਂ ਦੇ ਨਾਲ ਸੰਪਤੀਆਂ ਦੀ ਚਰਚਾ ਕੀਤੀ ਗਈ ਸੀ. ਰਿਐਕਟੇਡ ਕੰਪੋਨੈਂਟਸ ਦੇ ਅੰਦਰ, ਕੰਪੋਨੈਂਟ ਨੂੰ ਭੇਜੀ ਗਈ ਵਿਸ਼ੇਸ਼ਤਾ ਪ੍ਰੋਪਜ਼ ਕੰਪੋਨੈਂਟ ਦੀ ਸੰਪਤੀ ਦੇ ਰਾਹੀਂ ਐਕਸੈਸ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ.

ਸੰਪੱਤੀ ਸੰਪਤੀਆਂ ਦੀ ਸੰਦਰਭ ਦੇਖਣ ਅਤੇ ਕੋਡ ਨੂੰ ਸੰਪਾਦਿਤ ਕਰਨ ਲਈ, ਕਿਰਪਾ ਕਰਕੇ ਖੱਬੇ ਪਾਸੇ ਦੇ ਕੋਨੇ ਦੇ "ਕੋਡਪੈਨ ਤੇ ਸੰਪਾਦਨ" ਵਿੱਚ ਗ੍ਰਾਫਿਕ ਲਿੰਕ ਤੇ ਕਲਿਕ ਕਰੋ.

ਵੇਖੋ ਪੈਨ ਰਿਐਕਟ. ਜੇਐਸਐਸਐਕਸ ਵਿਸ਼ੇਸ਼ਤਾ ਡੈਮੋ ਨੇ ਸਾਈਟਪਾਇੰਟ (@ਸੀਟਪੁਆਇੰਟ) ਕੋਡਪੈਨ ਤੇ.

ਉਪਰੋਕਤ ਕੋਡਪੈਨ ਉਦਾਹਰਣ ਵਿੱਚ JSX ਵਰਤਦੇ ਹੋਏ, ਜਾਇਦਾਦ ਦਾ ਇੱਕ ਸਥਾਈ ਮੁੱਲ ਸੀ ਅਤੇ JSX ਸੰਟੈਕਸ ਵਿੱਚ ਇੱਕ ਵਿਸ਼ੇਸ਼ਤਾ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪਾਸ ਕੀਤਾ ਗਿਆ ਸੀ. ਇੱਕ ਸਥਿਰ ਮੁੱਲ ਪਾਸ ਕਰਨ ਤੋਂ ਇਲਾਵਾ, ਇੱਕ ਸਮਾਲ ਵੈਲਿਉਲਸ ਦਾ ਮੁੱਲ ਕਰਲੀ ਬ੍ਰੇਸ ਟੈਂਪਲੇਟ ਵੇਰੀਏਬਲ ਸੰਟੈਕਸ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪਾਸ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ.

ਪੈਨ ਰਿਐਕਟ ਵੇਖੋ. ਕੋਡਪੇਨ ਤੇ ਸਾਈਟਪਾਇੰਟ (@ਸੇਟਪੁਆਇੰਟ) ਦੁਆਰਾ ਜੇ ਐਸਐਸਐਸ ਵੇਰੀਏਬਲ ਪ੍ਰਾਪਤੀ ਡੈਮੋ

JSX ਸੰਟੈਕਸ ਦੀ ਵਰਤੋਂ ਦੇ ਨਾਲ, ਇੱਕ ਸਾਦਾ ਸਿਮਲ ਵਸਤੂ ਨੂੰ ਗ਼ੈਰ-ਜੈਸੈਕਸ ਵਰਜਨ ਨਾਲ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ.

ਵੇਖੋ ਪੈਨ ਪ੍ਰਤੀਕ. ਕੋਡਪੇਨ ਤੇ ਸਾਈਟਪੁਆਇੰਟ ਦੁਆਰਾ ਜੇ.ਐਸ. ਐੱਸ. ਵਿਸ਼ੇਸ਼ਤਾ ਡੈਮੋ (@ਸੀਟਪੁਆਇੰਟ)

ਜਦੋਂ ਕੰਪੋਨੈਂਟ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ (ਜਾਂ ਸਟੇਟ) ਬਦਲਦੇ ਹਨ, ਤਾਂ ਅਪਡੇਟ ਕਰਨ ਵਾਲੀ ਪ੍ਰਕਿਰਿਆ ਅਤੇ ਰਾਜ ਦੀ ਜਾਣਕਾਰੀ ਨੂੰ ਪੇਸ਼ ਕਰਨ ਲਈ ਕੀ DOM ਅਪਡੇਟ ਦੀ ਲੋੜ ਹੈ, ਇਹ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ (82) Reconciliation ਨਾਮ ਦੀ ਪ੍ਰਕਿਰਿਆ ਕਰਦਾ ਹੈ. ਇਸ ਲਈ ਪ੍ਰਤੀਕਰਮ ਦੀ ਪ੍ਰਕਿਰਿਆ ਕਾਫ਼ੀ ਸੰਜਮੀ ਹੈ ਅਤੇ ਇਸ ਵਿੱਚ DOM ਦੇ ਚੋਣਵੇਂ ਅਤੇ ਤੇਜ਼ੀ ਨਾਲ ਅੱਪਡੇਟ ਕਰਨ ਲਈ ਬਦਲਾਵਾਂ ਦੀ ਤੁਲਨਾ ਕਰਨ ਲਈ ਵਰਚੁਅਲ DOM ਦੀ ਵਰਤੋਂ ਸ਼ਾਮਲ ਹੈ ਜੋ ਸਭ ਕੁਝ ਮੁੜ-ਰੈਂਡਰ ਕੀਤੇ ਬਿਨਾਂ ਹੈ. ਝਗੜੇ ਨੂੰ ਭਵਿੱਖ ਦੇ ਪੋਸਟ ਵਿਚ ਚੰਗੀ ਤਰ੍ਹਾਂ ਵਿਚਾਰਿਆ ਜਾਵੇਗਾ.

ਕੰਪੋਜੇਬਲ ਕੰਪੋਨੈਂਟਸ

ਰਿਐਕਟੇਡ ਕੰਪੋਨੈਂਟਸ ਕੰਪੋਜੈਂਟੇਬਲ ਹੋਣ ਲਈ ਤਿਆਰ ਕੀਤੇ ਗਏ ਹਨ, ਇਨ੍ਹਾਂ ਨੂੰ ਵੱਡੇ ਹੋਰ ਗੁੰਝਲਦਾਰ ਭਾਗ ਬਣਾਉਣ ਲਈ ਇਕੱਠੇ ਹੋ ਸਕਦੇ ਹਨ. ਇੱਕ HTML ਸਾਰਣੀ ਦੇ ਉਦਾਹਰਨ ਤੇ ਵਿਚਾਰ ਕਰੋ. ਆਮ ਤੌਰ ਤੇ, ਟੇਬਲ ਵਿੱਚ ਸਿਰਲੇਖ ਅਤੇ ਸਰੀਰ ਦੇ ਭਾਗ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ. ਸਿਰਲੇਖ ਕਤਾਰ ਸਥਿਰ ਹੈ, ਜਦੋਂ ਕਿ ਕਿਸੇ ਵੀ ਦਿੱਤੇ ਸਮੇਂ ਉਪਲੱਬਧ ਡਾਟੇ ਤੇ ਨਿਰਭਰ ਸਰੀਰ ਕਤਾਰਾਂ ਦੀ ਇੱਕ ਪਰਿਭਾਸ਼ਿਤ ਗਿਣਤੀ ਹੈ. ਅਜਿਹੀ ਸਾਰਣੀ ਕੰਪੋਜੇਬਲ ਕੰਪੋਨੈਂਟ ਦਾ ਇਕ ਵਧੀਆ ਮਿਸਾਲ ਹੈ. ਟੇਬਲ ਖੁਦ ਇਕ ਭਾਗ ਹੋ ਸਕਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਡੇਟਾ ਦੇ ਹਰ ਇੱਕ ਕਤਾਰ ਦੇ ਨਾਲ ਇੱਕ ਵੱਖਰਾ ਭਾਗ ਹੋ ਸਕਦਾ ਹੈ ਜਿਵੇਂ ਕਿ ਹੇਠਾਂ ਦਿੱਤੇ ਪ੍ਰਦਰਸ਼ਨ ਵਿੱਚ ਦਿਖਾਇਆ ਗਿਆ ਹੈ. ਪ੍ਰਦਰਸ਼ਨ ਨੂੰ ਦੇਖਣ ਅਤੇ ਕੋਡ ਨੂੰ ਸੋਧਣ ਲਈ, ਕਿਰਪਾ ਕਰਕੇ ਉੱਪਰੀ ਖੱਬੇ ਕੋਨਾ "ਗ੍ਰਾਫਿਕ ਲਿੰਕ ਤੇ ਕਲਿੱਕ ਕਰੋ" ਕੋਡਪੈਨ ਤੇ ਸੰਪਾਦਨ ਕਰੋ ".

ਵੇਖੋ ਪੈਨ ਪ੍ਰਤੀਕ. js ਕੰਪੋਜੇਬਲ ਕੰਪੋਨੈਂਟਸ ਡੈਪੌਮ ਸਾਈਟਪੁਆਇੰਟ (@ਸੇਟਪੁਆਇੰਟ) ਕੋਡਪੈਨ ਤੇ.

ਹੋਰ ਜਾਵਾਸਕ੍ਰਿਪਟ ਹੱਲ ਜਿਵੇਂ ਕਿ ਕੋਨੀਅਰ ਕੰਪੋਜੇਬਲ ਕੰਪੋਨੈਂਟਸ ਦੀ ਬਜਾਏ ਜੇ ਐਸ ਅਤੇ ਮਿਡਲ ਵਰਤੋਂ ਟੈਮਪਲੇਟ ਤਰਕ.

ਸਿੱਟਾ

ਜਿਵੇਂ ਕਿ ਹੁਣ ਤੱਕ ਦਿਖਾਇਆ ਗਿਆ ਹੈ, ਯੂਮਿਜ਼ ਬਣਾਉਣ ਲਈ ਸਮਾਲਟ ਇੱਕ ਵਧੀਆ ਹੱਲ ਹੈ. ਜਾਗਣਾ ਅਤੇ ਚੱਲਣਾ ਆਸਾਨ ਹੈ, ਅਤੇ JavaScript UI ਵਿਕਾਸ ਲਈ ਸਾਦਗੀ ਅਤੇ ਕੁਸ਼ਲਤਾ ਲਿਆਉਂਦਾ ਹੈ. ਅੰਤ ਵਿੱਚ, ਮਾਈਕਰੋਸਾਫਟ ਅਜ਼ੁਰ ਤੇ ਮੀਮੈਂਟਲ ਐਪਲੀਕੇਸ਼ਨਾਂ ਦੀ ਮੇਜ਼ਬਾਨੀ ਕਰਨ ਲਈ ਇੱਕ ਵਧੀਆ ਥਾਂ ਹੈ. ਐਜ਼ਿਊਰ ਤੇ ਉਪਰੋਕਤ ਉਪਰੋਕਤ ਕੰਪੋਜ਼ਬਲ ਭਾਗ ਪ੍ਰਦਰਸ਼ਨ ਦਾ ਇੱਕ ਉਦਾਹਰਣ ਦੇਖਣ ਲਈ, Microsoft Edge ਖੋਲ੍ਹੋ ਅਤੇ http: // react-widgets ਤੇ ਜਾਓ. ਅਜ਼ੂਰ ਨੈੱਟ /.

ਵੈਬ ਡਿਵੈਲਪਮੈਂਟ ਨਾਲ ਹੋਰ ਹੈਂਡ-ਆਨ

ਇਹ ਲੇਖ ਸ਼ਮਲਾਟ ਅਤੇ ਡਿਵੈਲਪਮੈਂਟਸ ਤੋਂ ਪ੍ਰਯੋਗਿਕ ਜਾਵਾਸਕ੍ਰਿਪਸ਼ਨ, ਓਪਨ ਸੋਰਸ ਪ੍ਰੋਜੈਕਟਾਂ ਅਤੇ ਇੰਟਰਓਪਰੇਬਿਲਟੀ ਸਰਲ ਪ੍ਰੈਜੈਂਸਿਜ਼ ਤੋਂ ਸੈਮਟ ਐਡ ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਨਵਾਂ ਐਜ HTML ਰੈਂਡਰਿੰਗ ਇੰਜਣ ਸ਼ਾਮਲ ਹਨ.

ਡਿਵੈਲਪਮੈਂਟ ਇੰਟੈਨੀਜੈਂਸ ਤਕਨੀਕੀ ਟੀਮਾਂ ਅਤੇ ਸੰਸਥਾਵਾਂ ਲਈ ਇੰਸਟ੍ਰਕਟਰ-ਅਗਵਾਈ ਜਾਵਾ ਸਕ੍ਰਿਪਟ ਵਿਟਾਮਿਨ, ਕੋਨੇਰੀਜਰਸ ਸੈਮਵਲ ਅਤੇ ਹੋਰ ਵੈਬ ਡਿਵੈਲਪਮੈਂਟ ਸਮਾਲਟ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ.

ਅਸੀਂ ਤੁਹਾਨੂੰ ਬ੍ਰਾਉਜ਼ਰ ਅਤੇ ਡਿਵਾਈਸਿਸ ਸਮੇਤ ਸਾਰੇ ਯੰਤਰਾਂ ਦੀ ਜਾਂਚ ਕਰਨ ਲਈ ਉਤਸ਼ਾਹਿਤ ਕਰਦੇ ਹਾਂ, ਜਿਸ ਵਿੱਚ ਮਾਈਕਰੋਸਾਫਟ ਐਜ ਹੈ - ਵਿਮਟ 10 ਲਈ ਡਿਫੌਲਟ ਬਰਾਊਜ਼ਰ - dev ਤੇ ਫ੍ਰੀ ਟੂਲਸ ਨਾਲ microsoftdge com:

  • ਆਪਣੀ ਸਾਈਟ ਨੂੰ ਪੁਰਾਣੀ ਲਾਇਬ੍ਰੇਰੀਆਂ, ਲੇਆਉਟ ਮੁੱਦੇ, ਅਤੇ ਅਸੈੱਸਬਿਲਟੀ
  • ਲਈ ਸਕੈਨ ਕਰੋ
  • Mac, Linux, ਅਤੇ Windows ਲਈ ਮੁਫ਼ਤ ਵਰਚੁਅਲ ਮਸ਼ੀਨਾਂ ਡਾਉਨਲੋਡ ਕਰੋ
  • ਮਾਈਕਰੋਸਾਫਟ ਐਜ ਰੋਡਮੈਪ
  • ਸਮੇਤ ਬ੍ਰਾਉਜ਼ਰਾਂ ਵਿੱਚ ਵੈਬ ਪਲੇਟਫਾਰਮ ਸਥਿਤੀ ਦੀ ਜਾਂਚ ਕਰੋ.
  • ਤੁਹਾਡੀ ਆਪਣੀ ਡਿਵਾਈਸ 'ਤੇ ਮਾਈਕਰੋਸਾਫਟ ਐਜ ਲਈ ਰਿਮੋਟਲੀ ਟੈਸਟ

ਸਾਡੇ ਇੰਜੀਨੀਅਰਾਂ ਅਤੇ ਪ੍ਰਚਾਰਕਾਂ ਤੋਂ ਵਧੇਰੇ ਡੂੰਘੀ ਪੜ੍ਹਾਈ:

  • ਅੰਤਰ-ਕਾਰਜਸ਼ੀਲਤਾ ਬੇਹਤਰੀਨ ਪ੍ਰਥਾਵਾਂ (ਲੜੀ):
    • ਬ੍ਰਾਉਜ਼ਰ ਦੀ ਖੋਜ ਤੋਂ ਕਿਵੇਂ ਬਚਣਾ ਹੈ
    • CSS ਪ੍ਰੀਫਿਕਸ ਵਧੀਆ ਅਮਲ
    • ਵਰਤਣਾ
    • ਤੁਹਾਡੇ JS ਫਰੇਮਵਰਕ ਅਤੇ ਲਿਬਾਂ ਨੂੰ ਅਪਡੇਟ ਕੀਤਾ
    • ਬਿਲਡਿੰਗ ਪਲੱਗਇਨ ਮੁਫਤ ਵੈਬ ਅਨੁਭਵ
  • ਗਿਟਹਬ 'ਤੇ ਕੋਡਿੰਗ ਲੈਬ: ਕ੍ਰਾਸ-ਬ੍ਰਾਊਜ਼ਰ ਟੈਸਟਿੰਗ ਅਤੇ ਬਿਹਤਰੀਨ ਅਮਲ
  • Woah, ਮੈਂ ਮੈਕ ਅਤੇ ਲੀਨਕਸ ਤੇ ਐਜ ਅਤੇ IE ਦੀ ਜਾਂਚ ਕਰ ਸਕਦਾ ਹਾਂ! (ਰੇ ਬਾਂਗੋ ਤੋਂ)
  • ਵੈੱਬ ਨੂੰ ਤੋੜਨਾ ਬਗੈਰ ਜਾਗਨਾ ਨੂੰ ਅੱਗੇ ਵਧਾਉਣਾ (ਕ੍ਰਿਸਚਨ ਹੇਮਲਮਾਨ ​​ਤੋਂ)
  • WebGL ਦੇ ਨਾਲ 3D ਰੈਂਡਰਿੰਗ ਨੂੰ ਉਤਾਰੋ (ਡੇਵਿਡ ਕਾਟੂਹੇ ਤੋਂ)
  • ਹੋਸਟਡ ਵੈਬ ਐਪਸ ਅਤੇ ਵੈਬ ਪਲੇਟਫਾਰਮ ਨਵੀਆਂ ਖੋਜਾਂ (ਕਿਰਿਲ ਸੇਕਸਨੋਵ ਤੋਂ)

ਸਾਡਾ ਭਾਈਚਾਰਾ ਓਪਨ ਸਰੋਤ ਪ੍ਰੋਜੈਕਟ:

  • ਵੋਰਲੌਨ ਜੇ.एस. (ਕਰੌਸ-ਡਿਵਾਈਸ ਰਿਮੋਟ ਜਾਵਾਸਕ੍ਰਿਪਟ ਪ੍ਰੀਖਿਆ)
  • ਮੈਨਈਫੋਲਡ ਜੇ ਐਸ (ਕ੍ਰਾਸ-ਪਲੇਟਫਾਰਮ ਹੋਸਟਡ ਵੈਬ ਐਪਸ ਨੂੰ ਵੰਡੋ)
  • ਬੇਬੀਲੌਨ ਜੇ ਐਸ (3 ਡੀ ਗਰਾਫਿਕਸ ਨੇ ਸੌਖਾ ਬਣਾਇਆ)

ਵਧੇਰੇ ਮੁਫ਼ਤ ਸਾਧਨ ਅਤੇ ਬੈਕ-ਐਂਡ ਵੈਬ ਦੇਵ ਸਮਾਨ:

  • ਵਿਜ਼ੂਅਲ ਸਟੂਡੀਓ ਕੋਡ (ਮੈਕ, ਲੀਨਕਸ ਜਾਂ ਵਿੰਡੋਜ਼ ਲਈ ਹਲਕੇ ਕੋਡ-ਐਡੀਟਰ)
  • ਵਿਜ਼ੁਅਲ ਸਟੂਡੀਓ ਡੀਅਰ ਅਸੈਂਸ਼ੀਅਲਜ਼ (ਮੁਫ਼ਤ, ਗਾਹਕੀ-ਅਧਾਰਤ ਸਿਖਲਾਈ ਅਤੇ ਕਲਾਉਡ ਲਾਭ)
  • ਨੋਡ ਨਾਲ ਕੋਡ. ਐਜ਼ੂਰ ਕਲਾਉਡ ਤੇ ਟ੍ਰਾਇਲ ਦੇ ਨਾਲ ਜੇ.ਐਸ.

February 28, 2018