ü\Óü¿Æ¼¼Íø

 ÕÒ»ØÃÜÂë
 Á¢¼´×¢²á
mito
²é¿´: 1589|»Ø¸´: 6

React¸ß¼¶ÊµÕ½´øÄã´òÔì´óÖÚµãÆÀ WebApp

[¸´ÖÆÁ´½Ó]

8Íò

Ö÷Ìâ

608

»ØÌû

27Íò

»ý·Ö

¹ÜÀíÔ±

Rank: 9Rank: 9Rank: 9

»ý·Ö
275170
QQ
·¢±íÓÚ 2018-5-22 10:19:41 | ÏÔʾȫ²¿Â¥²ã |ÔĶÁģʽ
React¸ß¼¶ÊµÕ½´øÄã´òÔì´óÖÚµãÆÀ WebApp
ʹÓÃReact¿ª·¢ÏîĿʱ£¬Äã»á¾ªÑÈÓÚËüµÄ×é¼þ»¯Éè¼Æ¡¢ËüµÄÊý¾ÝÇý¶¯ÊÓͼµÄ¿ª·¢·½Ê½¡¢ËüµÄ½â·ÅDOM²Ù×÷£¬Ëüµß¸²´«Í³µÄ³¬¸ßЧÂÊ£¬¸úËæ½²Ê¦Ò»ÆðÓÃReact´ÓÁã´î½¨Ò»¸öÍêÉÆµÄ WebApp £¬ÈÃÄã¸ÐÊܵ½ReactµÄ÷ÈÁ¦¡£
µÚ1Õ ´î½¨ webpack + react ¿ª·¢»·¾³
ǰ¶Ë¿ª·¢Ôç¾Í½øÈ빤³Ì»¯µÄÄê´ú£¬¶øÒÔ React Ϊ¿ò¼Ü¿ª·¢£¬¾Í±ØÐëʹÓù¤³Ì»¯£¬Ä¿Ç°Ç°¶Ë×îÇ¿´óµÄ¹¤³Ì»¯¹¤¾ß¾ÍÊÇ webpack¡£±¾Õ½ھͽ²ÊöÈçºÎʹÓà webpack ´î½¨Ò»¸öÄÜ×Ô¶¯¹¹½¨±àÒë React µÄ»·¾³£¬ÒÔ¼°Ê¹Óà npm ×÷ΪÒÀÀµ¹ÜÀí¹¤¾ß¡£±¾½ÚѧÍêÖ®ºó£¬ÎÒÃǾÍÄܽ«±àдµÄ React ´úÂë×Ô¶¯±àÒëΪä¯ÀÀÆ÷¿Éʶ±ðµÄ´úÂ룬ֱ½ÓʹÓÃä¯...
µÚ2ÕÂ React »ù´¡
Õë¶Ô²»ÊìϤ React »ù´¡µÄͬѧ£¬±¾Õ½ھÍΪÄã½éÉÜ React µÄ»ù±¾Ê¹Ó㬴ÓÏÔʾ×î¼òµ¥µÄ hello world ¿ªÊ¼£¬µ½Ê¹ÓÃ×é¼þ»¯ÖÆ×÷Ò³Ãæ£¬Õë¶ÔÒѾ­ÊìϤ React »ù´¡µÄͬѧ£¬±¾Õ½ڵĺó°ë²¿·Ö½²ÊöÁËÎÒ±¾ÈË¶Ô React ×é¼þ»¯Éè¼Æ¡¢´úÂë½á¹¹µÄһЩ˼·ºÍ¾­Ñ飬¶øÕâЩ¼¼ÇÉÊǺóÃæÊµÕ½¿ª·¢µÄÀíÂÛ»ù´¡£¬²»¿ÉºöÂÔ¡£...
µÚ3Õ React ÐÔÄÜÓÅ»¯·½°¸
×÷Ϊһ¸ö³ÆÖ°µÄ¹¤³Ìʦ£¬¿¼ÂÇÐÔÄÜÊDZØÐëÒª×öµÄÊÂÇéÖ®Ò»¡£React Èç´Ë´óÐ͸´ÔӵĿò¼Ü£¬´æÔÚÐÔÄÜÎÊÌâÊÇ¿ÉÒÔÏëÏ󵽵쬵«Êǹٷ½Ò²Ìá³öÁËÓÅ»¯·½°¸¡£±¾Õ½ڽ«½éÉÜÈçºÎ¼ì²âÐÔÄÜÎÊÌ⣬ÒÔ¼°ÈçºÎÓÅ»¯ React µÄÐÔÄÜ¡£
µÚ4ÕÂ React-router
ʹÓà React ¿ª·¢µÄÊÇÒ»¸öµ¥Ò³ÃæÒýÓóÌÐò£¨¼´ SPA£©£¬SPAµÄÒ³ÃæÌø×ª±ØÐëÒÀ¿¿Â·ÓÉÀ´ÊµÏÖ£¬¶ø React ¡°ÓùÓᱵķÓɹ¤¾ß¾ÍÊÇ React-router£¬±¾Õ½ڽéÉÜ React-router µÄʹÓá£
µÚ5ÕÂ Redux »ù´¡
µ±³ÌÐò¸´ÔÓ¶ÈÌá¸ßʱ£¬³ÌÐòÖеÄÊý¾Ý¹ÜÀí¾Í±äµÃºÜ¸´ÔÓ£¬´Ëʱ Redux ¾ÍÄÜÅÉÉÏÓó¡¡£±¾Õ½ڽéÉÜ Redux µÄ»ù´¡£¬Ê¹Äú¶Ô Redux ÓÐÒ»¸ö³õ²½µÄÁ˽⣬ÒòΪºóÃæµÄʵս¿ª·¢£¬»áÓõ½ Redux À´´æ´¢Êý¾Ý£¬ÕâÀïÒª°Ñ»ù´¡´òºÃ¡£
µÚ6Õ ʹÓà fetch
ʹÓà jQuery ¿ª·¢Ò³ÃæÊÇ£¬¿ÉÊÇʹÓÃ×Ô´øµÄ ajax ¹¦ÄÜ»ñÈ¡¡¢Ìá½»Êý¾Ý¡£¶øÊ¹Óà React ¿ò¼Üʱ£¬¾Íû±ØÒªÎªÁË ajax ÒýÓÃÒ»¸ö jquery ÁË£¬ÕâÀïÎÒÃÇÍÆ¼öʹÓà fetch£¬×îÐ嵀 ajax ½»»¥·½Ê½£¬Ö§³Ö Promise£¬ÓÃÆðÀ´¾ø¶Ô¼ò½à¸øÁ¦¡£
µÚ7Õ ¿ª·¢Ê×Ò³
Ç°Ãæ»ù´¡ÖªÊ¶½éÉÜÍ꣬Õýʽ½øÈëʵս¿ª·¢½×¶Î£¬±¾Õ½ڿª·¢Ê×Ò³¡£Ê×ÏÈ·ÖÎöÒ³Ãæ£¬²ð·Ö×é¼þ£¬È»ºó¿ª·¢×é¼þ£¬Æ´½ÓÒ³Ãæ¡£¸øÄúÏêϸչʾ´ÓÒ»¸ö¿Õ°×Ò³Ãæµ½¿ª·¢³ö×îÖÕЧ¹ûµÄÕû¸ö¹ý³Ì¡£
µÚ8Õ ¿ª·¢³ÇÊÐÒ³Ãæ
±¾½Ú½²Êö³ÇÊÐÒ³ÃæµÄ¿ª·¢£¬¸ÃÒ³ÃæÖн«Ñ§»áÈçºÎÔÚ React Öгõ²½Ê¹Óà Redux ´æ´¢¼òµ¥µÄÊý¾Ý¡£
µÚ9Õ ¿ª·¢ËÑË÷½á¹ûÒ³Ãæ
±¾½Ú½²ÊöËÑË÷½á¹ûÒ³µÄ¿ª·¢£¬¸ÃÒ³Ãæ½«ÎªÄúչʾ³£¼ûµÄËÑË÷Ч¹ûÈçºÎͨ¹ý React ¿ª·¢³öÀ´£¬²¢ÇÒÄÜÉî¿ÌÌå»áµ½Â·ÓɵÄʹÓùæÔò£¬ÒÔ¼°×é¼þ¿É¸´ÓôøÀ´µÄºÃ´¦¡£
µÚ10Õ ¿ª·¢ÏêÇéÒ³
±¾½Ú½²ÊöÏêÇéÒ³µÄ¿ª·¢£¬Í¨¹ýÉÏÁ½½ÚµÄʵս¿Î³Ì£¬Ñ§Éú½²»á¸ü¼Ó¿ìËÙ¸ßЧµÄѧ»á²ð·Ö×é¼þ£¬¸´ÓÃÒÑÓÐ×é¼þ£¬×îºóÆ´×°³ÉÒ³Ãæ¡£
µÚ11Õ ¿ª·¢µÇÂ¼Ò³Ãæ
±¾½Ú½²ÊöµÇÂ¼Ò³ÃæµÄ¿ª·¢£¬½«ÔÙ´ÎʹÓà Redux ´æ´¢Êý¾Ý£¬²¢ÅжÏÓû§µÄµÇ¼״̬£¬ÒÔ¼°µÇ¼֮ºóÌø×ªµÄ´¦Àí¡£
µÚ12Õ Êղغ͹ºÂò¹¦ÄÜ
ͨ¹ý±¾½ÚÊղغ͹ºÂòµÄ¹¦ÄÜ¿ª·¢£¬Äú½«Ìå»áµ½¸ü¼Ó¸´Ô Redux Ó¦Óá£
µÚ13Õ ¿ª·¢Óû§ÖÐÐÄÒ³
±¾½Ú½²ÊöÓû§ÖÐÐÄÒ³ÃæµÄ¿ª·¢£¬¸ÃÒ³ÃæÊÇÒ»¸ö±È½Ï»ù´¡µÄÒ³Ãæ£¬¸ú֮ǰһÑù²ð·Ö×é¼þ¡¢¸´ÓÃ×é¼þ¡¢Æ´×°Ò³Ãæ¡£´ËʱÄúÓ¦¸ÃÄÜ¿ìËÙ¸ßЧµÄÕÆÎտγ̵ÄÈ«²¿ÄÚÈÝ¡£
µÚ14Õ ÆÀ¼Û¹¦ÄÜ
ͨ¹ý±¾½ÚÆÀ¼Û¹¦ÄÜ£¬Äú½«Ñ§»áÔÚ React ÖÐÈçºÎ²Ù×÷Ò³Ãæ±ä»¯£¬¼´Êý¾ÝÇý¶¯ÊÓͼµÄ¿ª·¢·½Ê½¡£ÁíÍ⣬Äú½«Ñ§»áʹÓà fetch Ìá½»Êý¾Ý£¬¶øÖ®Ç°¶¼ÊÇÓà fetch »ñÈ¡Êý¾Ý¡£
µÚ15Õ À©Õ¹-ÏîÄ¿´úÂë°æ±¾Éý¼¶
ÏîÄ¿´úÂë°æ±¾Éý¼¶£¬webpack2Éý¼¶µ½webpack3¡£

Óοͣ¬Èç¹ûÄúÒª²é¿´±¾ÌûÒþ²ØÄÚÈÝÇë»Ø¸´



¸ü¶àÌû×ÓÍÆ¼ö

»Ø¸´

ʹÓõÀ¾ß ¾Ù±¨

0

Ö÷Ìâ

1438

»ØÌû

3410

»ý·Ö

ÂÛ̳ԪÀÏ

Rank: 6Rank: 6

»ý·Ö
3410
QQ
·¢±íÓÚ 2018-6-27 10:53:06 | ÏÔʾȫ²¿Â¥²ã
15124561301
»Ø¸´

ʹÓõÀ¾ß ¾Ù±¨

0

Ö÷Ìâ

2Íò

»ØÌû

4Íò

»ý·Ö

½ûÖ¹·ÃÎÊ

»ý·Ö
41607
·¢±íÓÚ 2021-10-19 09:38:05 | ÏÔʾȫ²¿Â¥²ã
Ìáʾ: ×÷Õß±»½ûÖ¹»òɾ³ý ÄÚÈÝ×Ô¶¯ÆÁ±Î
»Ø¸´

ʹÓõÀ¾ß ¾Ù±¨

0

Ö÷Ìâ

7174

»ØÌû

1Íò

»ý·Ö

ÌåÑéVIP

Rank: 7Rank: 7Rank: 7

»ý·Ö
14686
·¢±íÓÚ 2022-6-16 13:15:07 | ÏÔʾȫ²¿Â¥²ã
Ö§³ÖÒ»ÏÂ
»Ø¸´

ʹÓõÀ¾ß ¾Ù±¨

QQ|Archiver|ÊÖ»ú°æ|ü\Óü¿Æ¼¼Íø

GMT+8, 2025-11-30 15:08 , Processed in 0.226414 second(s), 25 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

¿ìËٻظ´ ·µ»Ø¶¥²¿ ·µ»ØÁбí