Back to Question Center
0

ਰੀਟੇਲ ਡਿਵੈਲਪਰਸ ਤੋਂ 6 ਪ੍ਰੋ ਟੋਟੇ            ਰੀਟੇਲ ਡਿਵੈਲਪਰਸ ਤੋਂ 6 ਪ੍ਰੋ ਟੋਟਲਸੋਲੇਟਿਵ ਵਿਸ਼ਾ: jQueryNode.jsnpmES6Raw ਸਿਮਟਲ

1 answers:
6 ਰੀਕੈਟ ਡਿਵੈਲਪਰ ਤੋਂ ਪ੍ਰੋ ਟੋਟਲਜ਼

ਅਸੀਂ ਓਪਨ ਸ੍ਰੋਸਰਕ੍ਰਾਟ ਨਾਲ ਮਿਲ ਕੇ ਤੁਹਾਡੇ ਕੋਲ ਰੀਐਕਟਰ ਡਿਵੈਲਪਰਜ਼ ਤੋਂ ਪ੍ਰੋ ਟਿਪਸ ਲਿਆਉਣ ਲਈ .

ਜੇ ਤੁਸੀਂ ਨਮੂਨੇ ਲਈ ਨਵਾਂ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਸੈਮਵਲ ਡਿਵੈਲਪਰਾਂ ਦੀ ਸਫ਼ਲਤਾ ਅਤੇ ਅਸਫਲਤਾਵਾਂ ਤੋਂ ਸਿੱਖਣ ਦਾ ਲਾਭ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ, ਜਿਨ੍ਹਾਂ ਨੇ ਫਰੇਮਵਰਕ ਬਾਰੇ ਮਹੱਤਵਪੂਰਨ ਸਬਕ ਸਿੱਖੇ ਹਨ.

ਪੀ. ਸ. ਇੱਕ ਉੱਚ-ਗੁਣਵੱਤਾ, ਪ੍ਰਤੀਕਿਰਿਆ ਕਰਨ ਲਈ ਡੂੰਘਾਈ ਨਾਲ ਜਾਣ-ਪਛਾਣ ਲਈ, ਤੁਸੀਂ ਕੈਨੇਡਾ ਦੇ ਪੂਰੇ ਸਟੈਕ ਵਿਕਾਸਕਾਰ ਵੇਸ ਬੋਸ ਤੋਂ ਪਹਿਲਾਂ ਨਹੀਂ ਜਾ ਸਕਦੇ. ਇੱਥੇ ਆਪਣਾ ਕੋਰਸ ਅਜ਼ਮਾਓ ਅਤੇ ਕੋਡ SITEPOINT ਨੂੰ ਵਰਤਣ ਲਈ 25% ਬੰਦ ਅਤੇ ਸਾਈਟਪੌਰਟ ਦੀ ਸਹਾਇਤਾ ਲਈ - instituto de fotografia profesional.

ਸੰਕੇਤ 1: ਫੰਕਸ਼ਨਲ ਕੰਪੋਨੈਂਟ ਵਰਤੋ

ਕੈਮ ਜੈਕਸਨ

ਜੇ ਤੁਹਾਨੂੰ ਆਪਣੇ ਕੰਪੋਨੈਂਟ 'ਤੇ ਅੰਦਰੂਨੀ ਹਾਲਤ ਜਾਂ ਜੀਵਨਕਲਾ ਤਫਸੀਲਾਂ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ, ਤਾਂ ਇਸਦੀ ਬਜਾਏ ਇੱਕ ਕਾਰਜਸ਼ੀਲ ਭਾਗ ਦੀ ਵਰਤੋਂ ਕਰੋ. ਇੱਕ ਕਾਰਜਸ਼ੀਲ ਭਾਗ ਇੱਕ ਸ਼ੁੱਧ ਜਾਵਾਸਕ੍ਰਿਪਟ ਫੰਕਸ਼ਨ ਹੈ ਜੋ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ ਪ੍ਰੋਪ ਇਸਦੇ ਦਲੀਲ ਦੇ ਰੂਪ ਵਿੱਚ ਅਤੇ ਇੱਕ ਰਿਐਕੈਕਟ ਐਲੀਮੈਂਟ ਦਿੰਦਾ ਹੈ.

ਕਾਰਜਕੁਸ਼ਲ ਭਾਗਾਂ ਦਾ ਸਮਾਲ:

  • ਘੱਟ ਕੋਡ
  • ਸਮਝਣ ਲਈ ਸੌਖਾ
  • ਕੰਪੋਨੈਂਟ ਸਟੇਟਲੁਅਲ ਹੈ, ਇਸ ਲਈ ਤੁਸੀਂ ਕਿਸੇ ਭਾਗ ਤੇ ਅਚਾਨਕ ਸਟੋਰ ਕਰਨ ਤੋਂ ਬਚੋ ਜੋ ਤੁਸੀਂ ਨਹੀਂ ਚਾਹੁੰਦੇ
  • ਭਾਗ ਨੂੰ ਜਾਂਚ ਕਰਨ ਲਈ ਸੌਖਾ ਹੈ
  • ਕੋਈ ਨਹੀਂ ਇਹ ਬਾਈਡਿੰਗ
  • ਇਹ ਦੇਖਣ ਲਈ ਸੌਖਾ ਹੈ ਕਿ ਛੋਟੇ ਹਿੱਸੇ ਕਿਵੇਂ ਅਤੇ ਕਦੋਂ ਕੱਢੇ ਜਾਣਗੇ

ਸੰਕੇਤ 2: ਆਪਣੇ ਹਿੱਸੇ ਛੋਟੇ ਰੱਖੋ

ਰੇਂਡੀ ਕੌਲਮੈਨ

ਸੈਮਟੈਂਟ ਕੰਪੋਨੈਂਟਸ ਸੌਖੇ ਹਨ:

  • ਪੜ੍ਹੋ
  • ਟੈਸਟ
  • ਸਾਂਭ-ਸੰਭਾਲ
  • ਮੁੜ ਵਰਤੋਂ

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

ਸੰਕੇਤ 3: ਇਸ ਨੂੰ ਸਮਝਣਾ ਇਸ ਨੂੰ ਕਿਵੇਂ ਕਰਨਾ ਹੈ

ਕੋਰੀ ਹਾਊਸ

ਹੈਂਡਲ ਕਰਨ ਦਾ ਪਹਿਲਾ ਤਰੀਕਾ ਇਹ ਇਸ ਨੂੰ ਬਿਲਕੁਲ ਨਹੀਂ ਸੰਭਾਲਣਾ ਚਾਹੀਦਾ ਅਤੇ ਇਸਦੇ ਬਜਾਏ ਇੱਕ ਕਾਰਜਸ਼ੀਲ ਭਾਗ ਵਰਤੋ (ਦੇਖੋ ਕਿ ਇਹ ਟਿਪ ਨੰਬਰ 1 ਕਿਉਂ ਹੈ?).

ਪਰ ਜੇ ਤੁਸੀਂ ES6 ਕਲਾਸ ਦੀ ਵਰਤੋਂ ਕਰ ਰਹੇ ਹੋ, ਤਾਂ ਤੁਹਾਨੂੰ ਇਸ ਨੂੰ ਖੁਦ ਬੰਨ੍ਹਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਜਦੋਂ ਕਿ ਇਸ ਪ੍ਰਕਿਰਿਆ ਦੇ ਅੰਦਰ ਕੰਮ ਨੂੰ ਆਟੋਬਿੰਦ ਨਹੀਂ ਕਰਦਾ.

ਅਜਿਹਾ ਕਰਨ ਲਈ ਸੈਮਤਾਲ ਕਈ ਤਰੀਕੇ ਹਨ.

  1. ਰੈਂਡਰ ਇਨ ਬਾਈ
  2. ਰੈਂਡਰ ਵਿਚ ਇਕ ਤੀਰ ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰੋ
  3. ਕੰਸਟ੍ਰਕਟਰ ਵਿੱਚ ਬੰਨੋ
  4. ਕਲਾਸ ਦੀ ਜਾਇਦਾਦ ਵਿਚ ਤੀਰ ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰੋ

ਅਭਿਆਸ ਵਿੱਚ ਇਹ ਢੰਗਾਂ ਨੂੰ ਦੇਖਣ ਲਈ ਵਿਡੀਓ ਬੰਦ ਕਰੋ.

ਸੰਕੇਤ 4: ਸੈਟਸਟੇਟ ਵਿੱਚ ਇੱਕ ਫੰਕਸ਼ਨ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਇੱਕ ਵਸਤੂ ਨਹੀਂ

ਸੋਫੀਆ ਸ਼ੋਏਮੇਕਰ

ਮਿਡਲ ਡੀਕਸ ਦੇ ਅਨੁਸਾਰ, ਸਿਮਟ ਇਸ ਗੱਲ ਦੀ ਗਾਰੰਟੀ ਨਹੀਂ ਦਿੰਦਾ ਕਿ ਸਟੇਟ ਬਦਲਾਵ ਤੁਰੰਤ ਲਾਗੂ ਕੀਤੇ ਜਾਂਦੇ ਹਨ.

ਇਸ ਲਈ, ਪੜ੍ਹਨ ਇਸ ਨੂੰ. ਸਟੇਟ ਸੱਦੇ ਦੇ ਬਾਅਦ ਸੈਟਸਟੇਟ ਇੱਕ ਸੰਭਾਵੀ ਖਤਰਾ ਹੈ ਕਿਉਂਕਿ ਇਹ. ਰਾਜ ਉਹ ਨਹੀਂ ਹੋ ਸਕਦਾ ਜੋ ਤੁਸੀਂ ਸੋਚਦੇ ਹੋ ਕਿ ਇਹ ਕੀ ਹੈ.

ਇਸਦੀ ਬਜਾਏ ਕਿਸੇ ਆਬਜੈਕਟ ਨਾਲ ਰਾਜ ਨੂੰ ਅਪਡੇਟ ਕਰਨ ਦੀ ਬਜਾਏ, ਇਸ ਸੰਭਾਵੀ ਖਰਾਬਤਾ ਤੋਂ ਬਚਣ ਲਈ ਇਸਨੂੰ ਇੱਕ ਫੰਕਸ਼ਨ ਨਾਲ ਅਪਡੇਟ ਕਰੋ.

ਸੰਕੇਤ 5: Utilyze prop-types

ਆਦਮ ਜਾਰ

ਪ੍ਰੋਪ-ਟਾਈਪਜ਼ ਟਾਈਪ ਚੈਕਿੰਗ ਪ੍ਰੋਪੇਜ਼ ਲਈ ਇੱਕ ਲਾਇਬਰੇਰੀ ਹੈ ਅਤੇ ਇਹ ਯਕੀਨੀ ਬਣਾਕੇ ਬੱਗ ਨੂੰ ਰੋਕਣ ਵਿੱਚ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਆਪਣੇ ਰੈਂਪ ਦੇ ਲਈ ਸਹੀ ਡਾਟਾਟਾਈਪਸ ਵਰਤ ਰਹੇ ਹੋ. ਇਹ ਇੱਕ ਬਾਹਰੀ ਪੈਕੇਜ ਹੈ ਜੋ ਤੁਸੀਂ npm ਦੁਆਰਾ ਜਾਂ ਫਿਰ ਹੋਰ ਢੰਗ ਨਾਲ ਇੰਸਟਾਲ ਕਰ ਸਕਦੇ ਹੋ. ਬਸ ਪੈਕੇਜ ਨੂੰ ਆਯਾਤ ਕਰੋ, ਫਿਰ ਆਪਣੇ ਕੰਪੋਨੈਂਟ ਲਈ ਪਰੋਪਟੇਪ ਜੋੜੋ ਅਤੇ ਉਸ ਅਨੁਸਾਰ ਟਾਈਪੈਟ ਕਰੋ. ਜੇ ਤੁਸੀਂ ਲੋੜੀਂਦੇ ਪ੍ਰੋਤਸਾਹਨ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਸਿਰਫ ਸ਼ਾਮਲ ਕਰੋ. isRequired .

ਸੰਕੇਤ 6: ਰੀਐਕਟਰ ਡਿਵੈਲਪਰ ਟੂਲਜ਼ ਦੀ ਵਰਤੋਂ ਕਰੋ

ਬ੍ਰਾਇਨ ਗੇਟਸ

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

March 1, 2018