[ಸಂಗೀತ] 

ನೀಲ್ ಮೆಹ್ತಾ: ಇಲ್ಲಿ ಹೋಗುತ್ತದೆ. 

ಸರಿ, ಎಲ್ಲರಿಗೂ, ವೆಬ್ ಸ್ವಾಗತ ಜೊತೆ ಭವಿಷ್ಯದ ಅಪ್ಲಿಕೇಶನ್ಗಳು ಪ್ರತಿಕ್ರಿಯೆ. ಈ CS50 ಹೊಂದಿದೆ. ನನ್ನ ಹೆಸರು ನೀಲ್ ಆಗಿದೆ. ನಾನು CS50 ಮತ್ತು ಎರಡನೆಯ ಒಂದು ಟಿಎ ಮನುಷ್ಯ ಹಾರ್ವರ್ಡ್ ಕಾಲೇಜು ಹಾಗೂ ತುಂಬಾ ನಲ್ಲಿ ಭಾವೋದ್ರಿಕ್ತ ವೆಬ್ ಡೆವಲಪರ್. ಹಾಗಾಗಿ ತುಂಬಾ ಉತ್ತೇಜನಕಾರಿಯಾಗಿದೆ ಮನುಷ್ಯ ಇಂದು ನಿಮಗೆ ಮಾತನಾಡಿ, ನೀವು ಇಲ್ಲಿ ಅಥವಾ ಮನೆಯಲ್ಲಿ ಮಾಡುತ್ತಿರಲಿ ನೋಡುವ, ಮತ್ತೆ, ಇದು, ರಿಯಾಕ್ಟ್ ನಾನು ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು, ಭವಿಷ್ಯದ ಹೇಳಿದಂತೆ. 

ಆದ್ದರಿಂದ ರಿಯಾಕ್ಟ್ ವೆಬ್ ಚೌಕಟ್ಟಾಗಿದೆ. ನಾನು ಇಲ್ಲಿಗೆ ಮತ್ತು ಹೇಳುವ ಇಲ್ಲಿ ಕೆಲವು ಜನರಿಗೆ, ಚೌಕಟ್ಟನ್ನು ಕೇವಲ ಆಗಿದೆ ನೀವು ಬಳಸಬಹುದು ಉಪಕರಣಗಳು ಸೆಟ್ ರಚನೆ ಮತ್ತು ನಿಮ್ಮ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ನಿರ್ಮಿಸಲು. ಮತ್ತು ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು ಮತ್ತೆ, ವೆಬ್ಸೈಟ್ಗಳು ಫೇಸ್ಬುಕ್ ರೀತಿಯ ಪರಸ್ಪರ ಇವು Twitter.com, Instagram.com, ಯಾವುದೇ. 

ಆದ್ದರಿಂದ ಫೇಸ್ಬುಕ್ ವೆಬ್ ಚೌಕಟ್ಟಾಗಿದೆ ಫೇಸ್ಬುಕ್ ಅಭಿವೃದ್ಧಿಪಡಿಸಿದರು ರಿಯಾಕ್ಟ್ ಹಿಂದಕ್ಕೆ ಒಂದೆರಡು ವರ್ಷಗಳು. ಇದು ನಂತರ ಬಳಸಲಾಗುತ್ತದೆ ಮಾಡಲಾಗಿದೆ ತಮ್ಮ ಮೊಬೈಲ್ ಅಪ್ಲಿಕೇಶನ್ಗಳನ್ನು ಫೇಸ್ಬುಕ್ ಮತ್ತು ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್, Instagram. ಖಾನ್ ಅಕಾಡೆಮಿ ಇನ್ನೊಂದು ರಿಯಾಕ್ಟ್ ಪ್ರಮುಖ ಮೊದಲ ದತ್ತು. 

ಇದು ನಿಜವಾಗಿಯೂ ಪಡೆಯುವಲ್ಲಿ ವಿಶೇಷವೇನು ಅತ್ಯಂತ ಜನಪ್ರಿಯ. ನೀವು ಎಂದಾದರೂ ಕೋನೀಯ ಅಥವಾ ವಿಷಯಗಳನ್ನು ಬಳಸಿದರೆ ಬ್ಯಾಕ್ಬೋನ್, ಈ ಒಂದೇ ಕುಟುಂಬದ ಆಗಿದೆ, ಆದರೆ ನಂತರ ದೂರದ ಹೊಂದಿದೆ ತಮ್ಮ ಜನಪ್ರಿಯತೆಯನ್ನು ಮೀರುವುದು. ಇದು ಬಿಸಿ ಹೊಸ ವಿಷಯ. ಇದು ನಿಜವಾಗಿಯೂ ದೊಡ್ಡ ಇಲ್ಲಿದೆ. 

ಆದ್ದರಿಂದ ರಿಯಾಕ್ಟ್ ಒಂದು ಎಂದು ಕೇವಲ ಒಳ್ಳೆಯದು ಕಟ್ಟಡ ಅಂತರ್ಮುಖಿಗಳಿಗೆ ವೆಬ್ ಚೌಕಟ್ಟನ್ನು. ಇದು ಜಾಲ ಇಂಟರ್ಫೇಸ್ಗಳು ನಿರ್ಮಾಣಕ್ಕಾಗಿ ಒಳ್ಳೆಯದು. ಒಂದು ವಿಷಯ ಇಲ್ಲಿ ಎಂಬ ಸ್ಥಳೀಯ ಪ್ರತಿಕ್ರಿಯಿಸುವಂತೆ ನೀವು ಸಂಪರ್ಕಸಾಧನಗಳನ್ನು ನಿರ್ಮಿಸಲು ಅವಕಾಶ ಆಂಡ್ರಾಯ್ಡ್ ಮತ್ತು ಐಒಎಸ್ ಭವಿಷ್ಯದಲ್ಲಿ ಮತ್ತು ಬಹುಶಃ ಇತರ ವೇದಿಕೆಗಳಲ್ಲಿ ಕೇವಲ ಒಂದೇ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಬಳಸಿ. ನೀವು ಅದೇ ಬಳಸಬಹುದಾಗಿತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್, ವೆಬ್ಸೈಟ್ ನಿರೂಪಿಸಲು ಆಂಡ್ರಾಯ್ಡ್ Apps ಮತ್ತು ಐಒಎಸ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು ನಿರೂಪಿಸಲು. 

ಇದು ಬಹಳ, ಬಹಳ ರೋಮಾಂಚಕಾರಿ ಸಮಯ. ಇದು ನಿಜವಾಗಿಯೂ ತಂಪಾದ ಅವಕಾಶ ಇಲ್ಲಿದೆ. ಇದು ನಿಜವಾಗಿಯೂ ಒಂದು ಸಾರ್ವತ್ರಿಕ ವೆಬ್ ಇಲ್ಲಿದೆ ಇಂಟರ್ಫೇಸ್ ಅಭಿವೃದ್ಧಿ ತಂತ್ರಾಂಶ, ಆದ್ದರಿಂದ ತುಂಬಾ ತುಂಬಾ ಇಲ್ಲಿದೆ ಪ್ರಮುಖ ವಿಷಯ ತಿಳಿಯಲು. ಮತ್ತು, ನಾನು ಜನರು ಹೇಳುತ್ತಿದ್ದ ಎಂದು ಮೊದಲು, ಈ, ನಾನು ಭಾವಿಸುತ್ತೇನೆ, ನಾವು ಹೇಗೆ ಬದಲಾಯಿಸಲು ಹೋಗುತ್ತದೆ ಶಾಶ್ವತವಾಗಿ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು ನಿರ್ಮಿಸಲು. ಆದ್ದರಿಂದ ಬಹುಶಃ ಸ್ವಲ್ಪ ಅತ್ಯುಕ್ತಿ, ಆದರೆ ನಾನು ಇದು ತಿಳಿಯಲು ಒಂದು ಒಳ್ಳೆಯ ವಿಷಯ ಭಾವಿಸುತ್ತೇನೆ. 

ಸರಿ, ಆದ್ದರಿಂದ ರಿಯಾಕ್ಟ್ ಏನು? ಪ್ರತಿಕ್ರಿಯೆ ಚೌಕಟ್ಟನ್ನು ನೀವು ಮಾಡಬಹುದು ಸಂಪರ್ಕಸಾಧನಗಳನ್ನು ನಿರ್ಮಾಣಕ್ಕಾಗಿ ಬಳಸಿ. ಒಂದು ಇಂಟರ್ಫೇಸ್, ಮತ್ತೆ, ಬಲ ಒಂದು ವೆಬ್ ಪುಟ,? ಇಲ್ಲಿ Instagram.com ಇಲ್ಲಿದೆ, ಬಳಕೆಗಳು ಪ್ರತಿಕ್ರಿಯೆ. 

ಕಟ್ಟಲಾಗಿದೆ ಪ್ರತಿಕ್ರಿಯೆ ಘಟಕಗಳ ಕಲ್ಪನೆ. ಘಟಕ ಒಂದು HTML ಆಗಿದೆ ಸ್ಟೀರಾಯ್ಡ್ಗಳು ಮೇಲೆ ಅಂಶ ಆದ್ದರಿಂದ ಒಂದು HTML ಅಂಶ ಒಂದು ಬಟನ್ ಹಾಗೆ. ಇದು ಒಂದು ಪ್ಯಾರಾಗ್ರಾಫ್ ಇಲ್ಲಿದೆ. ಅದು ಸರಿ, ಒಂದು ಶೀರ್ಷಿಕೆ? ಮತ್ತು Instagram ಈ ಬಳಸಲು, ಆದರೆ ಕಾಣಿಸುತ್ತದೆ ಸಹ ರಿಯಾಕ್ಟ್ ಘಟಕಗಳನ್ನು ಬಳಸುತ್ತದೆ. 

ಅಂಶಗಳಾಗಿವೆ ಪ್ರತಿಕ್ರಿಯೆ souped ಅಪ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ಘಟಕಗಳು ತಮ್ಮ ವರ್ತನೆಯನ್ನು ಹೊಂದಿರುವ ಅವುಗಳನ್ನು ಇರುವ. ಆದ್ದರಿಂದ, ಉದಾಹರಣೆಗೆ, ನಾವು ತೋರಿಸಬಹುದಿತ್ತು ಒಂದು ಸಮಯ ಅಂಶ, ಸಮಯದ ಅಂಶವಾಗಿದೆ, ಇದು ರೀತಿಯ ಹೊಂದಿರುತ್ತವೆ ಸಮಯ ಸ್ಟ್ಯಾಂಪ್, ನಿಮಗೆ ಪ್ರೊಫೈಲ್ ಘಟಕವನ್ನು ಇದು ಪ್ರೊಫೈಲ್ ಚಿತ್ರ ಹೊಂದಿರುತ್ತವೆ ಮತ್ತು ವ್ಯಕ್ತಿಯ ಹೆಸರು. ಇದು ಒಂದು ರೀತಿಯ ಕೌಂಟರ್ ಕಾರಣವಾಗುತ್ತದೆ ಇಷ್ಟಗಳು ಸಂಖ್ಯೆ ರೀತಿಯ ಲೆಕ್ಕ ಮಾಡಬಹುದು, ನೀವು ಕ್ಲಿಕ್ ಅದನ್ನು ಮಾಡುತ್ತೇವೆ ಇಷ್ಟಗಳು ಸಂಖ್ಯೆಯನ್ನು ಹೆಚ್ಚಿಸಲು. ಒಂದು ಘಟಕವನ್ನು ಕೇವಲ ಒಂದು ಆಗಿದೆ HTML ಕೋಡ್ ಗುಂಪೇ ಎಂದು ಕೆಲವು ಕಾರ್ಯಗಳನ್ನು ಹೊಂದಿದೆ ಅದರ ಒಳಗೆ ಸುತ್ತಿ. ಆದ್ದರಿಂದ ಒಂದು HTML ಅಂಶ ಹೀಗಿದೆ ಸ್ಟೀರಾಯ್ಡ್ಗಳು ಮೇಲೆ, ನಾನು ಮೊದಲು ಹೇಳಿದಂತೆ. ನೀವು ಈ ಘಟಕಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಬಹುದು, ಮತ್ತು ನೀವು ಅವುಗಳನ್ನು ಒಟ್ಟಿಗೆ ಹಾಕಬಹುದು , ಹೊಸ ಘಟಕಗಳನ್ನು ಮಾಡಲು ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಒಂದು ಪೋಸ್ಟ್ ಘಟಕ ಇದು ಎಲ್ಲ ದುರಂತಗಳ ಹೊಂದಿದೆ. ಇದು ಪ್ರೊಫೈಲ್ ಟೈಮ್ ಹೊಂದಿರಬೇಕು LikeCounter, ಬಹುಶಃ ಕಾಮೆಂಟ್ ಮತ್ತು ಬಹುಶಃ ಚಿತ್ರವನ್ನು ಸ್ವತಃ. ಆದ್ದರಿಂದ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು ಕೇವಲ ತೆಗೆದುಕೊಳ್ಳುವ ನಿರ್ಮಿಸುತ್ತಾರೆ ಘಟಕಗಳು ಮತ್ತು ಅವುಗಳನ್ನು ಒಟ್ಟಿಗೆ. Instagram ಫೀಡ್ ಹೆಚ್ಚು ಏನೂ ಹೆಚ್ಚು ಪೋಸ್ಟ್ಗಳನ್ನು ಒಂದು ಗುಂಪನ್ನು ಮತ್ತೊಂದು ನಂತರ ಒಂದು, ಪ್ರತಿ ಪೋಸ್ಟ್, ಟೈಮ್ ಹೊಂದಿದೆ ಹೀಗೆ, LikeCounter ಪ್ರೊಫೈಲ್, ಮತ್ತು. ಇದು ರೀತಿಯ ಒಂದು ಮನೆಯನ್ನು ಕಟ್ಟಲು ಅನಿಸುತ್ತದೆ. ನೀವು ನಿರ್ಮಿಸಲು ಇಲ್ಲ ಕೆಳಕ್ಕೆ ಮನೆ. ನೀವು ಘಟಕಗಳು ತೆಗೆದುಕೊಳ್ಳಲು ಬಾತ್ರೂಮ್ ನಂತಹ ತೆಗೆದುಕೊಳ್ಳಬಹುದು. ನೀವು ಅವುಗಳನ್ನು ಅಂಟಿಕೊಳ್ಳುವುದಿಲ್ಲ bedroom-- ತೆಗೆದುಕೊಳ್ಳಲು ಒಟ್ಟಿಗೆ, ಮತ್ತು ನೀವು ಒಂದು ಹೊಸ ಘಟಕವನ್ನು ಹೊಂದಿರುತ್ತವೆ. ನೀವು ಮನೆಯ ಒಂದು ಹೊಸ ಭಾಗದಲ್ಲಿ. 

ಆದ್ದರಿಂದ ಎಲ್ಲಾ ಸುತ್ತಲೂ ನಿರ್ಮಿಸಲಾಗಿದೆ ಪ್ರತಿಕ್ರಿಯೆ ಈ ಘಟಕಗಳ ಕಲ್ಪನೆ ಘೋಷಣಾತ್ಮಕ ಎಂದು ಪರಸ್ಪರ. ಏನು ನೀವು ಹೇಳುತ್ತಾರೆ ಪ್ರೊಫೈಲ್ ಆಗಿದೆ, ಮತ್ತು ಅದು ಸಲ್ಲಿಸುವ. ಅವರು composable ಇವೆ. ನೀವು ಸಮಯ ಮತ್ತು ಪ್ರೊಫೈಲ್ ತೆಗೆದುಕೊಳ್ಳಬಹುದು, ಪುಟ್ ಒಟ್ಟಿಗೆ, ಏನೋ ಉತ್ತಮಗೊಳಿಸಲು. ಅವರು ಆದ್ದರಿಂದ, ಪುನರ್ಬಳಕೆಯ ಆರ್ ನೀವು ಒಂದು ಹುದ್ದೆಗೆ ಮೂಲ ಕೋಡ್, ಆ ನಗರದಲ್ಲಿ ಎಂಬೆಡ್ ಸಾಧ್ಯವಾಗಲಿಲ್ಲ. 

ನೀವು ಒಂದು Instagram ಎಂಬೆಡ್ ಮಾಡಬಹುದು ನಿಮ್ಮ ಸ್ವಂತ ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ವಿಷಯ. ನೀವು ಫೇಸ್ಬುಕ್ ಎಂಬೆಡ್, ಉದಾಹರಣೆಗೆ, ಎಲ್ಲಿಯವರೆಗೆ ಅದು ಬಳಸುತ್ತದೆ ಹಾಗೂ ಪ್ರತಿಕ್ರಿಯೆ. ಆದ್ದರಿಂದ ಘಟಕಗಳನ್ನು ನಿಜವಾಗಿಯೂ, ನಿಜವಾಗಿಯೂ ವೆಬ್ ಪ್ರಬಲ ಬಿಲ್ಡಿಂಗ್ ಬ್ಲಾಕ್ಸ್ ಎಲ್ಲಿಯಾದರೂ ಬಳಸಲಾಗುತ್ತದೆ ಮತ್ತು ಇಡಬಹುದಾಗಿದೆ ನೂತನ ಬಿಲ್ಡಿಂಗ್ ಬ್ಲಾಕ್ಸ್ ಮಾಡಲು. ಎಂದು ತುಂಬಾ ಇಲ್ಲಿದೆ ಉನ್ನತ ಮಟ್ಟದ ಅವಲೋಕನ. ಆದ್ದರಿಂದ, ಮತ್ತೆ, ನೀವು ಹೊಂದಿದ್ದರೆ ಯಾವುದೇ ಹಂತದಲ್ಲಿ ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳನ್ನು ರಿಯಾಕ್ಟರ್, ಮನಶ್ಶಾಸ್ತ್ರದ ಬಗ್ಗೆ ಕೋಡಿಂಗ್, ನನಗೆ ನಿಲ್ಲಿಸಲು, ಮತ್ತು ನನಗೆ ತಿಳಿಸಿ. 

ಸರಿ, ಆದ್ದರಿಂದ ಇದು ಏಕೆಂದರೆ ತಂಪಾದ ಪ್ರತಿಕ್ರಿಯಿಸಲು ನೋಡುವ ಒಂದು ವಿಭಿನ್ನ ರೀತಿಯಲ್ಲಿ ನೀವು ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು ನಿರ್ಮಿಸಲು ಹೇಗೆ. ನೀವು ಬಹುಶಃ ಅಲ್ಲದ MVC, ಕೇಳಿರುವ ಮಾದರಿ ನೀವು CS50 ಅಥವಾ ಯಾವುದೇ ನಿಯಂತ್ರಿಸಲು ನೀವು ಬಳಸಲು ತನಿಖೆಯನ್ನು ತರಗತಿಗಳು ಇತರ. ಮತ್ತು ಅತ್ಯಂತ ಚೌಕಟ್ಟುಗಳು ಇಲ್ಲಿ ಅಲ್ಲದ MVC ಕಲ್ಪನೆಯನ್ನು ಸುತ್ತಲೂ ನಿರ್ಮಿಸಲಾಗಿದೆ. ಪ್ರತಿಕ್ರಿಯೆ ಅಲ್ಲ. ಕಲ್ಪನೆಯನ್ನು ಸುತ್ತಲೂ ನಿರ್ಮಿಸಲಾಗಿದೆ ಪ್ರತಿಕ್ರಿಯೆ ದಿಕ್ಕಿನ ಮಾಹಿತಿ ಹರಿವಿನ ಇಲ್ಲಿ ಈ ಪಟ್ಟಿಯಲ್ಲಿ ಅಥವಾ ಗ್ರಾಫಿಕ್ ಕಾಣಿಸಿದಂತೆ. 

ಮೂಲಭೂತವಾಗಿ, ನೀವು ಒಂದು ಡೇಟಾ ಮೂಲ ಹೊಂದಿವೆ. ಮತ್ತು ಡೇಟಾ ಮೂಲ ನಿರ್ಧರಿಸಲು ಹೇಗೆ ಕೆಲವು ವಸ್ತುಗಳ ಮೊಟ್ಟ. ಮತ್ತು ಅಂಶಗಳು ನಂತರ, ಅವರು ಬದಲಾದಾಗ, ಅವರು ತಿಳಿಸುವರು ಡೇಟಾ ಮೂಲ ಬದಲಾಯಿಸಲು. 

Instagram ಬಳಸಲು ಉದಾಹರಣೆಗೆ, ನೀವು ಹೊಂದಿರಬಹುದು ಹಾಗೆ ಪೋಸ್ಟ್ ವಸ್ತುಗಳ ಪಟ್ಟಿ ಒಂದು ಡೇಟಾಬೇಸ್ ಅಥವಾ ಏನೋ. ಡೇಟಾ ಎಂದು. ತದನಂತರ ನಮ್ಮ ಪೋಸ್ಟ್ ಘಟಕಗಳನ್ನು ಡೇಟಾವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ, ಮತ್ತು ನಿರೂಪಿಸಲು ದತ್ತಾಂಶವನ್ನು ಬಳಸಲು ತೆರೆಯಲ್ಲಿ ಒಂದು ವಿಷಯ. ಇಲ್ಲಿದೆ ಏನು ಬಾಣದ , ಅಂಶವಾಗಿದೆ ಗೆ ದಶಮಾಂಶ ತದನಂತರ ಅದೇ ದತ್ತಾಂಶವನ್ನು ಬಳಸಲಾಗುತ್ತದೆ ಘಟಕಗಳನ್ನು ಒಂದು ಗುಂಪೇ ನಿರೂಪಿಸಲು. 

ಫೇಸ್ಬುಕ್ ಮೆಸೆಂಜರ್ ರಲ್ಲಿ ಫಾರ್ ರಿಯಾಕ್ಟ್ ಇದು ಉದಾಹರಣೆಗೆ, ನೀವು ಪಟ್ಟಿಯನ್ನು ಹೊಂದಿರಬಹುದು ನಿಮ್ಮ ಡೇಟಾ ಮೂಲ ಮಾಹಿತಿ ಸಂದೇಶಗಳನ್ನು. ಮತ್ತು ಎಂದು ನಿರೂಪಿಸಲು ಎಂದು ಸಂದೇಶಗಳ ಮಾತ್ರ ಪಟ್ಟಿ ಆದರೆ ಸ್ನೇಹಿತರ ಪಟ್ಟಿಯಲ್ಲಿ ನೀವು. ನೀವು ಓದದಿರುವ ಸಂಖ್ಯೆಯನ್ನು ಹೊಂದಿವೆ. ಬಹುಶಃ ಫೇಸ್ಬುಕ್ ವಿಷಯ ನಿರೂಪಿಸಲು ಎಂದು Facebook.com ಕೆಳಭಾಗದಲ್ಲಿ ಇಲ್ಲಿದೆ. ಅದೇ ದಶಮಾಂಶ ಒಂದು ಸತ್ಯದ ಒಂದು ಆಕರವು ಮತ್ತು ಬಹಳಷ್ಟು ಕಾರಣವಾಗುತ್ತದೆ ಘಟಕಗಳನ್ನು ನಿರೂಪಿಸಬಹುದು ಗೆ. ಮತ್ತು ಬಂದ ಆ ಒಂದು ಘಟಕಗಳನ್ನು ಬದಲಾಗಿರುತ್ತದೆ; ಇದು ಹೋಗುತ್ತದೆ ಮತ್ತು ಡೇಟಾ ಮೂಲ ಬದಲಾಗುತ್ತದೆ. 

ನೀವು ಬಲ, ಒಂದು ಸಂದೇಶವನ್ನು ಕಳುಹಿಸಲು? ಆ ಡೇಟಾ ಮೂಲ ಬದಲಾಗುತ್ತದೆ. ನಿಮ್ಮ ಸಂದೇಶಗಳನ್ನು ಓದಲು, ಆದ್ದರಿಂದ ನೀವು 0 ಓದದಿರುವುದು ಸೆಟ್. ಆ ಡೇಟಾ ಮೂಲ ಬದಲಾಗುತ್ತದೆ. ಮತ್ತು ಒಂದು ಈ ಎಲ್ಲ ಗಮನಕ್ಕೆ ಬಾಣದ ಅದೇ ದಶಮಾಂಶ ತರುವುದನ್ನು ಮೂಲ, ನಿಮಗೆ ತಿಳಿದಿರುವ ಹಾಗೆ, ಒಂದು ನಿಶ್ಚಿತ ದತ್ತಾಂಶದ ಗುಂಪನ್ನು, ನೀವು ನಿಖರವಾಗಿ ತಿಳಿಯಲು ಪುಟ ಕಾಣುವಂತೆ ಹೋಗುತ್ತದೆ. ಇದು ನಿಯಂತ್ರಣವಾದವಲ್ಲದ ಇಲ್ಲಿದೆ. ನೀವು ನೀಡಿದ ಕೆಲವು ಡೇಟಾ ಗೊತ್ತು, ಏನು ಪುಟ ಕಾಣುವಂತೆ ಹೋಗುತ್ತದೆ. ನೀವು ವಿಶೇಷವೇನು ಹೇಗೆ ಊಹಿಸಲು ವರ್ತಿಸುತ್ತಾರೆ ಮತ್ತು ವಿಷಯಗಳು ಹೋಗುವ ಅವರು ಒಟ್ಟಾಗಿ ಮಾಡಿದಾಗ ಕೆಲಸ. 

ಮತ್ತು ನಾನು ಒಂದು ಮಿಲಿಯನ್ ಘಟಕಗಳನ್ನು ಹೊಂದಿದ್ದರೆ ಇಲ್ಲಿ, ಇದು ಬಲ, ಅದೇ ವರ್ತಿಸುತ್ತವೆ ಎಂದು? ನೀವು ಯಾವುದೇ ಹೊಂದಿಲ್ಲ ಎಂದು ವಿಲಕ್ಷಣ ಅಂತರಸಂಪರ್ಕಗಳು. ಒಂದು ದಶಮಾಂಶ ಮಿಲಿಯನ್ ಘಟಕಗಳನ್ನು ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಒಂದು ದಶಲಕ್ಷ ಘಟಕಗಳನ್ನು ಸಾಧ್ಯವೋ ಹಿಂದಿರುಗಿ ಮತ್ತು ದಶಮಾಂಶ ಸಂಪಾದಿಸಲು. ಆದ್ದರಿಂದ ಈ ತುಂಬಾ ಸಂತೋಷ. ನಾವು, composable ನಿರ್ಮಿಸಲು ನೀವು ಸುಲಭವಾಗಿ ಆರೋಹಣೀಯವಾಗಿದೆ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು. 

ನೀವು ಒಂದು ಡೇಟಾ ಮೂಲ, ಸತ್ಯದ ಮೂಲ. ನಿಮ್ಮ ಘಟಕಗಳನ್ನು ಹೇಳುತ್ತದೆ ಹೇಗೆ ಪುಟ ಮೊಟ್ಟ, ಮತ್ತು ಅಂಶಗಳು ಪರಸ್ಪರ ನಿರ್ವಹಿಸಲು. ಅವರು ಬದಲಾಯಿಸಲು ಬಯಸಿದರೆ ವಿಷಯಗಳನ್ನು ಕೇವಲ ಹಿಂತಿರುಗಿ ಮತ್ತು ಡೇಟಾ ಮೂಲ ಬದಲಾಯಿಸಲು ತಿಳಿಸಿ. ಅರ್ಥ? ಆದ್ದರಿಂದ ರಿಯಾಕ್ಟ್ ಎಲ್ಲಾ ತಿಳುವಳಿಕೆ ಬಗ್ಗೆ ಹೇಗೆ ಒಂದು ಘಟಕವನ್ನು ನಿರ್ಮಿಸಲು ನಿಮ್ಮ ಘಟಕವನ್ನು ಮಾಡಲು ಹೇಗೆ ಹೊರ ಜಗತ್ತಿನ ಸಂವಹನ. 

ಘಟಕ ಪರಸ್ಪರ ಮೇಕಿಂಗ್ ಹೊರಗಿನ ಪ್ರಪಂಚದೊಂದಿಗೆ ಮತ್ತೊಂದು ತಂತ್ರಜ್ಞಾನ ಬಳಸುತ್ತದೆ ಎಂಬ ಫ್ಲಕ್ಸ್, ಇದು ಒಂದು ಚೌಕಟ್ಟು ರಿಯಾಕ್ಟ್ ಮೇಲೆ ಸೇರಿಸಲಾಗಿದೆ. ನಾವು ಆ ಬಗ್ಗೆ ಮಾತನಾಡಲು ಹೋಗುತ್ತಿಲ್ಲ. ನಾವು ನೀಡಿದ ಬಗ್ಗೆ ಹೆಚ್ಚು ಮಾತನಾಡಲು ನೀನು ಡೇಟಾ, ಹೇಗೆ ನೀವು ಒಂದು ಘಟಕವನ್ನು ನಿರೂಪಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ? 

ಆದ್ದರಿಂದ ನೀವು ಏಕೆಂದರೆ ನಿಜವಾಗಿಯೂ ಸುಂದರವಾಗಿದೆ ರಿಯಾಕ್ಟ್ ನೀವು ಯಾವುದೇ ಮತ್ತೆ ಕೊನೆಯಲ್ಲಿ ಇದನ್ನು ಬಳಸಬಹುದು. ನೀವು ಪೈಥಾನ್ ಹಿಂದೆ ಕೊನೆಯಲ್ಲಿ ರೀತಿಯ ಹೊಂದಿದ್ದರೆ, ನಿಮ್ಮ ಪೈಥಾನ್ ಕೆಲವು ಡೇಟಾವನ್ನು ಔಟ್ ಭೂಶಿರ ಮಾಡಬಹುದು ವೇಳೆ, ಇದು ನಿರೂಪಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತವೆ. ನೀವು ಯಾವುದೇ JS ಉತ್ಪನ್ನಗಳೆಂದರೆ ಇದ್ದರೆ ದತ್ತಾಂಶದ ಪ್ರತಿಕ್ರಿಯಿಸಲು ಇದು ಸಲ್ಲಿಸುವ. ರೂಬಿ ಜೊತೆ ಹಳಿಗಳ ಡೇಟಾ ಪ್ರತಿಕ್ರಿಯಿಸಲು ಇದು ಸಲ್ಲಿಸುವ. 

ಆದ್ದರಿಂದ ರಿಯಾಕ್ಟ್ ಮೂಲತಃ ಒಂದು ವೆಬ್ ಘಟಕಗಳನ್ನು ಒಂದು ಫ್ರಂಟ್ ಎಂಡ್ view-- ಯಾವುದೇ ಡೇಟಾ ಮೂಲ ಫಾರ್. ಆದ್ದರಿಂದ ದಶಮಾಂಶ ಮೂಲದಿಂದ ಹೋಗುವ ಘಟಕಗಳನ್ನು ಪ್ರತಿಕ್ರಿಯಿಸಲು ಬಹಳ ಸುಲಭ. ಇತರ ಹೋಗುವುದನ್ನು ಸ್ವಲ್ಪ ಕಷ್ಟ. ನಾನು ಮೊದಲು ಹೇಳಿದಂತೆ ಆ ಫ್ಲಕ್ಸ್ ಬಳಸುತ್ತದೆ. ನಾವು ಸಿಗುವುದಿಲ್ಲ. ನಾವು ಹೆಚ್ಚು ಗಮನ ಮಾಡುತ್ತೇವೆ ಡೇಟಾ ಯಾ ಘಟಕವನ್ನು ಅಡ್ಡ. ನೀವು ಈ ರೀತಿಯಲ್ಲಿ ತಂಪಾದ, ಮೋಜಿನ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ಗಳು. ಇದು ಹೊರ ಜಗತ್ತಿನ ಪರಿಣಾಮ ಬೀರುವುದಿಲ್ಲ ಈಗ, ಆದರೆ ಮತ್ತೊಂದು ಕಥೆ. 

ಸರಿ, ಆದ್ದರಿಂದ ನೀವು ಇಲ್ಲಿ ನನ್ನ ಕೊನೆಯ ಸೆಮಿನಾರ್ ಫಾರ್ ನೀವು ಕೋಡ್ ಎಲ್ಲಾ ಗೊತ್ತು ಮಾಡುತ್ತೇವೆ ಇಂದಿನ ಚರ್ಚೆ ಈ URL ನಲ್ಲಿ ಎಂದು ನಾನು ಇಲ್ಲಿ, ಕ್ಷಮಿಸಿ, ಇಲ್ಲಿ ಈ URL. ಮತ್ತು ಮೂಲಭೂತವಾಗಿ ನಾವು ಹೋಗಲು ನೀನು ಬಹುಶಃ ನಾಲ್ಕು ಹಂತಗಳನ್ನು, ಐದು ಮೂಲಕ, ಬಹುಶಃ ಐದು. ನಾವು ನಾಲ್ಕು ಹಂತಗಳ ಮೂಲಕ ಸರಿಸಲು ಮಾಡುತ್ತೇವೆ ಮಾದರಿಯನ್ನು ನಿರ್ಮಿಸುವ ಅಪ್ಲಿಕೇಶನ್ ಪ್ರತಿಕ್ರಿಯೆ. ಆದ್ದರಿಂದ ಎಲ್ಲಾ ಮೂಲ ಕೋಡ್ ರೀತಿಯಲ್ಲಿ ಪ್ರತಿಯೊಂದು ಹಂತದ ಫಾರ್ ಹಾಗಾಗಿ, ಇಲ್ಲಿಯೇ ಎಂದು ನಾನು ನೀವು ಮನೆಯಲ್ಲಿ ಉದ್ದಕ್ಕೂ ನಂತರ ಈ ಕೋಡ್ ಲಕ್ಷ್ಯಪೂರ್ವಕವಾಗಿ ಮುಕ್ತವಾಗಿರಿ. ನೀವು ಇಲ್ಲಿ ಉದ್ದಕ್ಕೂ ನಂತರ, ನಾವು, ಪರದೆಯ ಮೇಲೆ ತೋರಿಸುವ ಮಾಡುತ್ತೇವೆ ಆದ್ದರಿಂದ ಅದರ ಬಗ್ಗೆ ಚಿಂತಿಸಬೇಡಿ. ಆದರೆ ನೀವು ಮನೆಯಲ್ಲಿ ಇಂತಹ, ಅಭಿಪ್ರಾಯ ಈ ವೆಬ್ಸೈಟ್ ಭೇಟಿ ಉಚಿತ. ಮತ್ತು, ಹೌದು, ನೀವು ಪಡೆಯಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ ನೀವು ಎಂದಾದರೂ ಇಲ್ಲಿ ಅಗತ್ಯವಿದೆ ಬಯಸುವ ಎಲ್ಲಾ ಕೋಡ್. ಆದ್ದರಿಂದ ಉತ್ತಮ ಮೋಸಮಾಡುವುದನ್ನು ಶೀಟ್ ಹಾಗೂ ಇಲ್ಲಿದೆ ನಿಮ್ಮ ಭವಿಷ್ಯದ ಸಾಹಸಗಳು ಪ್ರತಿಕ್ರಿಯೆ. ಕೂಲ್, ಆದ್ದರಿಂದ ಇಲ್ಲಿ ಎಲ್ಲರೂ, ಮತ್ತು ನೀವು ಮನೆಯಲ್ಲಿ ನೀವು ಸಹ is.gd/cs50react, ಈ ವೆಬ್ಸೈಟ್ ಅನ್ನು ಎಳೆಯಿರಿ ಯಾವುದೇ ರಾಜಧಾನಿ ಯಾವುದೇ ಅಂಡರ್ಸ್ಕೋರ್, ಯಾವುದೇ ಏನೂ. 

ನೀವು ನೋಡುವ ಪುಟ ನೋಡುತ್ತಾರೆ ಈ ಒಂದು ಸ್ವಲ್ಪ. ಈ CodePen ಎಂಬ ವಿಷಯ. CodePen ಸಹಯೋಗದ ಆಗಿದೆ ಕೋಡಿಂಗ್ ಪರಿಸರಕ್ಕೆ ಇದು ನಾನು ಇಲ್ಲಿ ಕೋಡ್ ಬರೆಯಲು, ಮತ್ತು ಮಾಡಬಹುದು ಇದು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಕಳುಹಿಸಲಾಗುತ್ತದೆ ಮಾಡುತ್ತೇವೆ. ಮತ್ತು ಈ ರೀತಿಯಲ್ಲಿ, ನಾನು ಕೋಡ್ ಬರೆಯಬಹುದು. ನಾನು ಇಲ್ಲಿ ಕೋಡ್ ಚಲಾಯಿಸಬಹುದು. 

ಉದಾಹರಣೆಗೆ ಮತ್ತು ಇದು ನೋಡಿ reloads-- ವೇಳೆ, ನಾನು ಪುಟದಲ್ಲಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಚಾಲನೆಯಲ್ಲಿರುವ ಬಾಗುತ್ತೇನೆ ಇಲ್ಲಿಯೇ, ಮತ್ತು ಇದು ಮಾಡುತ್ತೇವೆ ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಒಂದು ವೆಬ್ ಪುಟ ನಿರೂಪಿಸಲು ಈ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್. ಆದ್ದರಿಂದ ಈ ಒಂದು ಮಾರ್ಗವಾಗಿದೆ ನಮಗೆ ಕೋಡ್ ಪ್ರಯತ್ನಿಸಲು ಫಾರ್ ಬಳಸದೆಯೇ ನಿಜವಾಗಿಯೂ ತ್ವರಿತ ನಮ್ಮ ID ಅಥವಾ ನಮ್ಮ ಸ್ಥಳೀಯ ಯಂತ್ರ ಬಳಸಲು ಅಥವಾ ಯಾವುದೇ. ನೀವು ಮೋಕ್ಅಪ್ ಬಹಳ ತ್ವರಿತ ಮಾರ್ಗವಾಗಿದೆ ಮತ್ತು ಕೋಡ್ ಬಗೆಯ ಪರೀಕ್ಷಿಸಲು. 

ಆದ್ದರಿಂದ ನಾನು ತೆಗೆದುಕೊಳ್ಳುವ ಪಡೆಯಲಿದ್ದೇನೆ ಉದಾಹರಣೆಗೆ ಕೋಡ್ ಇಲ್ಲಿ ಹಾಕುವ. ನಾವು ಮೂಲಕ ಕೆಲಸ ಮಾಡಲು ನೀನು. ಮತ್ತು ನೀವು ಮನೆಯಲ್ಲಿ, ನೀವು ಹಾಗೂ ಈ ಬರಬಹುದು. ನಾನು ಈಗಾಗಲೇ ಇನ್ಸ್ಟಾಲ್ ಮಾಡಿದ ಇಲ್ಲಿ ಪ್ರತಿಕ್ರಿಯಿಸುವಂತೆ, ಆದ್ದರಿಂದ ನೀವು ಮಾಡಬಹುದು ಇಲ್ಲಿ ನಿಮ್ಮ ಸ್ವಂತ ಕೋಡ್ ಬರೆಯಲು, ಮತ್ತು ನಿಮ್ಮ ಸ್ವಂತ ಆಟದ ಮೈದಾನ ಎಂದು ಪ್ರಯತ್ನಿಸಿ. 

ಹೌದು, ಎಲ್ಲರಿಗೂ ವೇಳೆ ಇಲ್ಲಿ ಈ ಲಿಂಕ್ ತೆರೆಯುತ್ತದೆ. ನನಗೆ ಒಂದು ಥಂಬ್ಸ್ ನೀಡಿ ನೀವು ತೆರೆದುಕೊಂಡಿವೆ ಒಮ್ಮೆ. ಕೂಲ್, ತಂಪು ತಂಪು. ಏನೂ, ಈಗ ಇಲ್ಲಿ ಇಲ್ಲ ಆದರೆ ಬಹಳ ಬೇಗ ಅದನ್ನು ಬದಲಾಯಿಸುತ್ತದೆ. 

ಸರಿ, ಆದ್ದರಿಂದ ಒಂದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ರಿಯಾಕ್ಟ್ ಗ್ರಂಥಾಲಯ, ಮತ್ತು ಮಾಹಿತಿ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಜ್ಞಾನ ವೆಬ್ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ಭಾಷೆ. ಮತ್ತು ಇದು ಇತರ ವಸ್ತುಗಳ ಬಳಸಲಾಗುತ್ತಿದೆ ವಿಶೇಷವೇನು ಈಗ ತುಂಬಾ ಆದರೆ ಮುಖ್ಯವಾಗಿ ಜಾಲ ಅಭಿವೃದ್ಧಿ ಭಾಷೆ, ನೀವು ಪರಿಚಯವಿಲ್ಲದ ಆದ್ದರಿಂದ ಎಂದು, JSforCats.com ಎಂಬ ಸೈಟ್ನಲ್ಲಿ ಓದಲು. ಇದು ಅದ್ಭುತವಾಗಿದೆ. ನೀವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕಲಿಯಬಹುದು ಅರ್ಧ ಗಂಟೆ. ಇದು ಆಶ್ಚರ್ಯಕರವಾಗಿದೆ. 

ಆದ್ದರಿಂದ ಓದಲು ನೀಡಿ. ನಾವು ಇಲ್ಲಿ ಎಚ್ಟಿಎಮ್ಎಲ್ ಬಹಳಷ್ಟು ನಾವು ಸಹಜವಾಗಿ ವೆಬ್ ಪುಟಗಳು ವಿನ್ಯಾಸ ಮಾಡುತ್ತಿದ್ದೇವೆ. ನೀವು ಬಗ್ಗೆ ಪರಿಚಯವಿರದ ಆದ್ದರಿಂದ ಎಚ್ಟಿಎಮ್ಎಲ್, HTMLdog.com ಪರಿಶೀಲಿಸಿ. ನಾನು ರಿಯಾಕ್ಟ್ ಒಂದು ಕಲಿಕೆಯ ತಿಳಿದಿರುವಿರಿ ಮಿಲಿಯನ್ ಬಾರಿ ಸುಲಭವಾಗಿ ಈಗಾಗಲೇ ನೀವು ಬಿಲ್ಡಿಂಗ್ ಬ್ಲಾಕ್ಸ್ ಗೊತ್ತು. ನೀವು ಘಟಕಗಳನ್ನು ಹೊಂದಿದ್ದರೆ, ಅದು ಇಲ್ಲಿದೆ ಸುಲಭ ಒಂದು ದೊಡ್ಡ ಘಟಕ ಮಾಡಲು. ನೀವು ಭಾಷೆಯನ್ನು ರಿಯಾಕ್ಟ್ ಇಲ್ಲಿದೆ. 

ಆದ್ದರಿಂದ ಮುಂದುವರಿಯಿರಿ ಮತ್ತು ನೀಡಲು ಈ ವಿಷಯಗಳನ್ನು ಓದಲು. ಈ ವೀಡಿಯೊ ವಿರಾಮ. ನಿಮಗೆ ಇದು ಓದಲು ನೀಡಿ ಮನೆಯಲ್ಲಿ ನೀವು ಒಂದು ವೇಳೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ಅಥವಾ JavaScript ತಿಳಿದಿದೆ ಸರಿ, ಆದ್ದರಿಂದ ನಾವು ನೀನು ಹಾಗೆ ನಾವು ಮಾಡಲು ನೀನು ಇದೆ ರಿಯಾಕ್ಟ್ ಬಳಸಿಕೊಂಡು ಒಂದು ಮೂಲಭೂತ flashcard ಅಪ್ಲಿಕೇಶನ್. ನಾವು ಒಂದು flashcard ಎಂದು ನೀನು. ನೀವು ಹಿಂದಕ್ಕೆ ಮತ್ತು ಮುಂದಕ್ಕೆ ಕಾರ್ಡ್ ಮಿಡಿ ಮಾಡಬಹುದು. ಮತ್ತು ನಾವು ಪಟ್ಟಿಯನ್ನು ಹೊಂದಿರುತ್ತದೆ ನಾವು ಹೊಂದಿರುವ ಎಲ್ಲಾ ಕಾರ್ಡ್, ಮತ್ತು ನಾವು ಭಾವನೆ ಬಳಸುತ್ತಿದ್ದರೆ ಮಹತ್ವಾಕಾಂಕ್ಷೆಯ, ನಾವು ಇರಬಹುದು ನಡುವೆ ಬದಲಾಯಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಅವುಗಳನ್ನು ಕ್ಲಿಕ್ಕಿಸಿ ಕಾರುಗಳು. 

ಆದರೆ ಈ ನಿಮ್ಮ ಬೇರ್, ಆಗಿದೆ ಮೂಳೆಗಳು, ಬಹಳ ಸರಳ ಅಪ್ಲಿಕೇಶನ್ ಪ್ರತಿಕ್ರಿಯೆ. ಆದ್ದರಿಂದ ಈ ವಾಸ್ತವವಾಗಿ ಕಾರ್ಯಗತಗೊಳಿಸಲು ಕಷ್ಟವಾಗುವುದು, ಆದರೆ ನಾವು ನೀವು, ಎಂದು ತೋರಿಸಲು ನೀನು ಈ, ಇದು ವಿಸ್ತರಿಸಲು ತುಂಬಾ ಸುಲಭ ಇತರ ಜನರು ಅದನ್ನು ನಿಮಗೆ ಸಹಾಯ. ನಾವು ನಾಲ್ಕು ಹಂತಗಳ ಮೂಲಕ ಹೋಗಲು ನೀನು ಮೊದಲಿನಿಂದ ಪ್ರಾರಂಭಿಸುವ ಈ ನಿರ್ಮಿಸಲು. 

ಸರಿ, ಆದ್ದರಿಂದ ನಾಲ್ಕು ಹಂತಗಳನ್ನು, ನಾವು ಮಾಡುತ್ತೇವೆ ಮೊದಲ ಹಂತದ ಆರಂಭಿಸುತ್ತಾರೆ. ಮೊದಲ ಹಂತದ ಎಂದು ನಾನು ನಿಮ್ಮ ಮೊದಲ ಘಟಕವನ್ನು ನಿರ್ಮಿಸಲು. ನಾನು ಮೊದಲು ಹೇಳಿದಂತೆ ಒಂದು ಘಟಕವನ್ನು ಪ್ರತಿಕ್ರಯಿಸಲು ಸ್ಟೀರಾಯ್ಡ್ಗಳು ಮೇಲೆ ಕೇವಲ ಒಂದು HTML ಅಂಶ. ಇದು HTML ಸೂಚಿಸುತ್ತದೆ ಮತ್ತು ಕೆಲವು ವರ್ತನೆ ಮತ್ತು ಇದು ಹೇಗೆ ಜನರು ನಮೂದಿಸುತ್ತದೆ ಇದು ಹೇಗೆ ಸಂವಾದಿಸಬಹುದು ಇದು ಆಂತರಿಕ ಸ್ಥಿತಿಯ ಹೊಂದಿರುತ್ತದೆ. ಒಂದು ಬಟನ್ ಎಷ್ಟು ರೀತಿಯ ತಿಳಿಯುವುದಿಲ್ಲ ಲೈಕ್ ಬಾರಿ ಉದಾಹರಣೆಗೆ ಕ್ಲಿಕ್ ಮಾಡಲಾಗಿದೆ, ಮತ್ತು ಇದು ಸ್ವತಃ ಮೊಟ್ಟ ಹೇಗೆ ತಿಳಿಯುವುದಿಲ್ಲ. 

ಆದ್ದರಿಂದ ಅವರ ಮುಂದೆ ಹೋಗಿ ಮತ್ತು ನಿರ್ಮಿಸಲು ಅವಕಾಶ ನಮ್ಮ JavaScript ಬಳಸಿ ಮೊದಲ ಘಟಕ. ವಾಕ್ಯ ವಿಲಕ್ಷಣ ಕಾಣುತ್ತದೆ ಆದ್ದರಿಂದ, ಇದು ರೀತಿಯ ಇಲ್ಲಿದೆ ಕಾರಣ. ಆದ್ದರಿಂದ, ಮತ್ತೆ, ನಾವು ನೀನು ಎಂಬ ಮಾರ್ಪಡಿಸಬಹುದಾದ ಮಾಡಲು ಅಪ್ಲಿಕೇಶನ್ ಕೀವರ್ಡ್ ಅವಕಾಶ ಬಳಸಿಕೊಂಡು, ಇದು ವೇರಿಯಬಲ್ ಮಾಡುತ್ತದೆ, ಅಪ್ಲಿಕೇಶನ್ ಸಮಾನ React.createClass ಅವಕಾಶ. 

ಪ್ರತಿಕ್ರಿಯೆ ಒಂದು ಗ್ರಂಥಾಲಯವಾಗಿದೆ ಮತ್ತು ಹೊಂದಿದೆ ದಿ ವರ್ಗ ಕಾರ್ಯ ರಚಿಸಿ. ಮತ್ತು ಈ ಕಾರ್ಯ ಕೋಡ್ ಸ್ವಲ್ಪ ಎಂದು ನೀವು ಹೊಸ ರಚಿಸಲು ಬಳಸಬಹುದು ಘಟಕ ರಿಯಾಕ್ಟ್ ಮಾದರಿ. ಆದ್ದರಿಂದ React.createClass ಒಂದು ಘಟಕವನ್ನು ಮಾಡುತ್ತದೆ, ಮತ್ತು ಈ ಘಟಕವನ್ನು ತಿನ್ನುವೆ ಸ್ಟಫ್ ಮಾಡಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ. ಇದನ್ನು ಮಾಡಬಹುದು ಪ್ರಮುಖ ವಿಷಯ ನಿರೂಪಿಸಲು ಆಗಿದೆ ಏನೋ, ಕ್ರಿಯೆಯಾಗಿ ನಿರೂಪಿಸಲು. 

ಮತ್ತೆ, ಈ ಸೂಚ್ಯಂಕ ಸ್ಪಷ್ಟವಾಗಿಲ್ಲದ ವೇಳೆ ನೀವು, ನಾನು ಬೆಕ್ಕು ಉಪಯೋಗಿಸಿದ ಹೋಗಿ ಶಿಫಾರಸು ಮತ್ತು ಪರಿಶೀಲಿಸಿ. ಜೊತೆಗೆ ಸಾಕಷ್ಟು ಜೂಮ್ ಇದೆ? ಕೂಲ್. 

ಆದ್ದರಿಂದ ಪ್ರತಿ ಘಟಕವನ್ನು ಅಗತ್ಯಗಳನ್ನು ಒಂದು ನಿರೂಪಿಸಲು ಫಂಕ್ಷನ್. ನಿರೂಪಿಸಲು ಕಾರ್ಯ ಹೇಳುತ್ತಾರೆ ನಾನು ತೆರೆಯ ಮೇಲೆ ಏನು ಮುದ್ರಿಸಲು ಇಲ್ಲ? ಆದರೆ ಅಂಶವಾಗಿದೆ ಇದು ಇದ್ದರೆ ಅನುಪಯುಕ್ತ ಆದ್ದರಿಂದ, ಪರದೆಯ ಮೇಲೆ ಮುದ್ರಿಸಲು ಏನು ಗೊತ್ತು ನೀವು ನಿರೂಪಿಸಲು ಫಂಕ್ಷನ್ ಅಗತ್ಯವಿರುವುದಿಲ್ಲ. 

ನೀವು ವಿಷಯ ನಿರೂಪಿಸಲು ಆದ್ದರಿಂದ ಕೇವಲ ಕೆಲವು ಎಚ್ಟಿಎಮ್ಎಲ್ ಮರಳಲು ಅಗತ್ಯವಿದೆ. ಮತ್ತು ತಂಪಾದ ಎಂದು ಎಂಬ ಹೆಜ್ಜಿಯಿಲ್ಲ ಒಂದು ವಿಸ್ತರಣೆಯನ್ನು ಇದು JSX, ಬಳಸುವ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತದೆ. ನೀವು ಒಳಗೆ HTML ಬರೆಯಲು ಅವಕಾಶ ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಯಾವ ಯಾವಾಗ ವಿಲಕ್ಷಣ ರೀತಿಯ ಶಬ್ದಗಳನ್ನು ನೀವು ಮೊದಲ ಅದರ ಬಗ್ಗೆ ಯೋಚಿಸಿದರೆ, ಆದರೆ ತದನಂತರದಲ್ಲಿ ಅರ್ಥದಲ್ಲಿ ಬಹಳಷ್ಟು ಮಾಡುತ್ತದೆ. ಆದ್ದರಿಂದ ನಾವು ಇದನ್ನು ಮಾಡಬಹುದು. ನೀವು HTML ಪರಿಚಿತವಾಗಿರುವ, ನನಗೆ ಗೊತ್ತು ನಾವು ಒಂದು ಸಾಮಾನ್ಯ ಉದ್ದೇಶದ ಒಂದು DIV ಹೊಂದಿದ್ದರೆ ವಿಷಯವನ್ನು ಧಾರಕ. ನಾವು ಒಳಗೆ ಒಂದು DIV ಮರಳಿ, ಮತ್ತು ಮಾಡಬಹುದು ಈ DIV, ನಾವು ವಿಷಯವನ್ನು ಇರಿಸಬಹುದು. 

ಆದ್ದರಿಂದ ನಾವು ಕೇವಲ ನಿರೂಪಿಸಲು ಬಯಸುವ ಹೇಳುತ್ತಾರೆ ಈಗ ನೇರ ಅಪ್ flashcard. Flashcard, ನಾನು ಹೇಳಬಹುದು ಒಂದು ಪ್ರಶ್ನೆ ಮತ್ತು ಉತ್ತರವನ್ನು ಹೊಂದಿರುತ್ತದೆ. ಆದ್ದರಿಂದ ಈ DIV ಒಳಗೆ, ಹೊರಡೋಣ ಪ್ಯಾರಾಗ್ರಾಫ್ ಮುದ್ರಿಸುತ್ತದೆ ಎಂಬುದು ಏನು ಪ್ರಶ್ನೆ ಹೇಳುತ್ತಾರೆ ಜೀವನಕ್ಕೆ ಅಂತಿಮ ಉತ್ತರ, ಬ್ರಹ್ಮಾಂಡದ? ತದನಂತರ ಉತ್ತರ 42, ಸಹಜವಾಗಿ, ಎಂದು ನಾನು. 

ಆ ಎಲ್ಲ ಚೆನ್ನಾಗಿ ಮಂದಿ. ಹೌದು, ಆದ್ದರಿಂದ ಮೂಲಭೂತವಾಗಿ ನಿಜವಾಗಿಯೂ ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಒಳಗೆ HTML ಬರೆಯಲು. ಮತ್ತು ಈ ಎಂದು ನಾನು ಪರದೆಯ ಒಳಗೆ ಮುದ್ರಿತ. ಆದ್ದರಿಂದ ಇದನ್ನು ಪ್ರಯತ್ನಿಸಲು ಅವಕಾಶ. 

ಆದ್ದರಿಂದ ನಾವು ನಮ್ಮ ಭಾಗವನ್ನು ಒಳಗೊಂಡಿದೆ. ನಾವು ಪುಟ್ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತವೆ ಹೇಳಲು ಅಗತ್ಯವಿದೆ ತೆರೆಯಲ್ಲಿ ಘಟಕ ಆದ್ದರಿಂದ React.render, ಆದ್ದರಿಂದ ಗಮನಕ್ಕೆ ನಾವು ಇತರ ಅಂಶ ಅಪ್ಲಿಕೇಶನ್ ಚಿಕಿತ್ಸೆ. ಇದು ಒಂದು HTML ಅಂಶ ಎಂದು ನಾವು ಬರೆಯಲು. ಬದಲಿಗೆ img ರೀತಿಯ ಹೇಳುವ ಪ್ಯಾರಾಗ್ರಾಫ್ ಚಿತ್ರ ಅಥವಾ ಪು, ಅಪ್ಲಿಕೇಶನ್, ಆದ್ದರಿಂದ ನೀವು ಅಪ್ಲಿಕೇಶನ್ ಬರೆಯಲು ಒಂದು HTML ಅಂಶ ಪರಿಗಣಿಸಲಾಗುತ್ತದೆ. ನಾನು ಮೊದಲು ಹೇಳಿದಂತೆ, ಇದು ಸ್ಟೀರಾಯ್ಡ್ಗಳು ಮೇಲೆ ಅಂಶ. 

ಆದ್ದರಿಂದ ನೀವು ಅಪ್ಲಿಕೇಶನ್ ನಿರೂಪಿಸಲು, ಮತ್ತು ನೀವು ಇದು ಹಾಕಲು ಸ್ಥಾನ ನೀಡಿ. ಈ ಹೇಗೆ ನೀವು ಆಗಿದೆ ಅಲ್ಲಿ ಹೇಳುವಂತೆ ಇದು ತಿಳಿಸಿ. ನಾನು ಸರಳ DIV ರಚಿಸಿದ ಪುಟದ ಒಂದು ID ಯನ್ನು ಎಂಬ ಪುಟ, ಮತ್ತು ಅಲ್ಲಿ ಇಲ್ಲಿದೆ ಅಂಶ ಹೋಗುತ್ತಿದ್ದೇವೆ. 

ಮತ್ತು ನಾವು HTML ನಡೆಯುವುದು ಹೋಗುತ್ತಿಲ್ಲ. ಮೂಲತಃ ಈ ಕಾಣುವುದು ಇದೆ ಈ ಪುಟ ಅಂಶ ಒಳಗಿಟ್ಟು ನಾವು ಪರದೆಯ ಮೇಲೆ ಹೊಂದಿರುವ. ಆದ್ದರಿಂದ ಈ ಕೋಡ್ ರನ್, ಮತ್ತು ಇದು ಈ ಸೆಳೆಯುವ ತೆರೆಯಲ್ಲಿ ವಿಷಯ, ಇಲ್ಲಿ ನಾವು,. ನಮ್ಮ ಮೊದಲ ರಿಯಾಕ್ಟ್ ಘಟಕವನ್ನು ಮಾಡಿದ. 

ಆದ್ದರಿಂದ ಕೇವಲ ರೀಕ್ಯಾಪ್, ನಾವು ನಿಧಾನವಾಗಿ ಮಾಡಿದ ಘಟಕ ಒಂದು ಹೊಸ ರೀತಿಯ, ಬಲ? ಏನು React.createClass ಇಲ್ಲಿದೆ. ಮತ್ತು ಆ ಅಂಶದ, ನಾವು ಏನು ಮಾಡಬೇಕು ಎಂದು ಹೇಳಿದರು. ಯಾವಾಗ ಈ ಘಟಕ ಹೊಂದಿದೆ ಪರದೆಯ ಮೇಲೆ ಮುದ್ರಿಸಲಾಗುತ್ತದೆ, ಇದು DIV ಜೊತೆ ಮುದ್ರಿಸುತ್ತದೆ ಅದರೊಳಗಿದ್ದ ಎರಡು ಪ್ಯಾರಾಗಳು. 

ಮತ್ತು ನಾವು ಏನು, ನಾವು ಒಂದು ಹೊಸ ಅಪ್ಲಿಕೇಶನ್ ಮಾಡಿದ ಕೋನ ಆವರಣ ಅಪ್ಲಿಕೇಶನ್ ಬಗೆಯಲ್ಲಿ. ನಾವು ಹೇಳಿದಂತೆ ಅದನ್ನು ಹೇಳಿದರು ಪುಟ ಅಂಶ ಒಳಗೆ. ಮತ್ತು ಆದ್ದರಿಂದ ನಾನು ಏನು, ಇದು ದಾಖಲಿಸಿದವರು ಟೆಂಪ್ಲೇಟ್ ಹೊಸ ಅಪ್ಲಿಕೇಶನ್. ಮತ್ತು ನಂತರ ನಾನು ಇದು ನಿರೂಪಿಸಲು ಇದು ಹೇಳಿದರು. ಆದ್ದರಿಂದ ಹೇಳಿದರು ಸರಿ, ಅಪ್ಲಿಕೇಶನ್, ನಾನು ಏನು ಮುದ್ರಿಸುತ್ತದೆ ಮಾಡಬೇಕು? ಅಪ್ಲಿಕೇಶನ್, ಒಂದು DIV ಮುದ್ರಿಸುತ್ತದೆ ಹೋಗಿ ಹೇಳುತ್ತಾರೆ ಅದರೊಳಗಿದ್ದ ಎರಡು ಪ್ಯಾರಾಗಳು ಜೊತೆ. ಮತ್ತು ಇಲ್ಲಿ, ನಮ್ಮ DIV ಇಲ್ಲಿದೆ ಅದರೊಳಗಿದ್ದ ಎರಡು ಪ್ಯಾರಾಗಳು. ಇಲ್ಲಿಯವರೆಗೆ ಅರ್ಥದಲ್ಲಿ? 

ಆದ್ದರಿಂದ, ಮತ್ತೆ, ಇಡೀ ಸವಾಲು ರಿಯಾಕ್ಟ್ ಕೇವಲ ಘಟಕಗಳನ್ನು ಮಾಡಲು ಹೇಗೆ ತಿಳಿವಳಿಕೆ ಇದೆ. ಮಾಡಲು ಹೇಗೆ ಭಾಗಗಳನ್ನು ಒಟ್ಟಿಗೆ ಕೆಲಸ. ಈಗ ನಾವು ನಮ್ಮ ಮೊದಲ ಮಾಡಿದ ಘಟಕ ತಂದೆಯ ಹಿಂತಿರುಗಿ ಅವಕಾಶ ಮತ್ತು ಘಟಕಗಳನ್ನು ಗ್ರಾಹಕ ಮಾಡಲು. ಆದ್ದರಿಂದ ನೀವು HTML ಗೊತ್ತಿಲ್ಲ ನೀವು ನಿಮ್ಮ ಗುಂಡಿಗಳು ತರಗತಿಗಳು ಕೊಡಬಹುದು? ನಿಮ್ಮ ನಿರ್ವಾಹಕರು href ನೀಡಬಹುದು. ನೀವು ಬಲ, ನಿಮ್ಮ ಒಳಹರಿವು ಒಂದು ರೀತಿಯ ಕೊಡಬಹುದು? ನೀವು ಕಸ್ಟಮ್ ನೀಡಬಹುದು ನಿಮ್ಮ ಅಂಶಗಳನ್ನು ಎಲ್ಲ ಗುಣಗಳನ್ನು ಇದು ಹೆಚ್ಚು ಆಸಕ್ತಿಕರ ಮಾಡುವ. ಮತ್ತು ನಾವು ವಾಸ್ತವವಾಗಿ ಮಾಡಬಹುದು ಅದೇ ವಿಷಯ. 

ಆದ್ದರಿಂದ ನಾವು ಬಯಸುವ ಹೇಳುತ್ತಾರೆ ನಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಯಾವುದೇ ಕಾರ್ಡ್ ನಿರೂಪಿಸಲು ಹೋಗಿ. ಇದೀಗ ನಾವು ಕೇವಲ ಒಂದು hardcoded ಕಾರ್ಡ್ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ನಾವು ಕೇವಲ ಒಂದು ಇಲ್ಲ ಗೊತ್ತಿಲ್ಲ ಕಾರ್ಡ್ ಇದನ್ನು ಮಾಡಬಹುದು, ಆದ್ದರಿಂದ ನಾವು ಆರ್ ಪ್ರಯತ್ನಿಸಿ ಮತ್ತು ಆದ್ದರಿಂದ ಈಗ ಈ ಬದಲಿಸಲು ಹೋಗಿ ನಾವು ಅದನ್ನು ಕೆಲವು ಕಾರ್ಡ್ ನೀಡುವ. ಇದು ಕಾರ್ಡ್ ಮುದ್ರಿಸುತ್ತದೆ ವಿಲ್. 

ನೀವು ಪ್ರಯತ್ನಿಸಿ ಮತ್ತು ಮಾಡಲು ಬರಬೇಕಾಗುತ್ತದೆ ನಿಮ್ಮ ಘಟಕಗಳನ್ನು ಬಹಳ ಸಾಮಾನ್ಯ ಉದ್ದೇಶದ. ಆದ್ದರಿಂದ ಈ ರೀತಿಯಲ್ಲಿ ನಾನು ಇಮೇಲ್ ಸಾಧ್ಯವಾಗಲಿಲ್ಲ ಈ ನನ್ನ ಸ್ನೇಹಿತ ಮತ್ತು ಹಾಗೆ, ನೀವು ಯಾವುದೇ flashcard, ಇಲ್ಲಿ ಅದನ್ನು ಆಹಾರ, ಮತ್ತು ಇದು ಸ್ವತಃ ಅದನ್ನು ಮಾಡುತ್ತೇನೆ. ನೀವು ಇತರ ಹಾಕಬಹುದು ನಿಮ್ಮ ಸ್ವಂತ ಅಪ್ಲಿಕೇಶನ್ ವಸ್ತುಗಳನ್ನು. 

ಆದರೆ ಮೊದಲ, ಈ ಮುರಿಯಲು ಅವಕಾಶ ಎರಡು ಭಾಗಗಳಾಗಿ ಅಪ್, ಆದರೆ ಕಾರ್ಡ್ ಬೇರ್ಪಡಿಸಲು ನೀವು ನಿಜವಾದ ಅಪ್ಲಿಕೇಶನ್ ಭಾಗದಿಂದ ಮುದ್ರಣ ಭಾಗ. ನಾವು ಏನು ಮಾಡಬಹುದು ನಾವು ಆಗಿದೆ ಅಪ್ಲಿಕೇಶನ್ ಈ ಬದಲಾಯಿಸಬಹುದು CardView, ಕೇವಲ ಒಂದು ಅಪ್ಲಿಕೇಶನ್ ಹೊಸ ಹೆಸರು, ಮತ್ತು ನಾವು ಹೊಸ ಮಾಡಬಹುದು ಘಟಕ, ಅಪ್ಲಿಕೇಶನ್ ಎಂಬ ಹಳೆಯ ಅಪ್ಲಿಕೇಶನ್ ಗೊಂದಲ ಬೇಡ. ನಾವು createClass ಪಡೆದಿರುವಿರಿ, ಮತ್ತು HTML ಚಿತ್ರದಲ್ಲಿರುವಂತೆ ನೀವು ಗೂಡು ಘಟಕಗಳನ್ನು ಪ್ರತಿಕ್ರಿಯಿಸಲು ಪರಸ್ಪರ ಒಳಗೆ. 

ಈ ನಿರೂಪಿಸಲು ಕಾರ್ಯದಲ್ಲಿ ಕಾರ್ಯ ರಿಟರ್ನ್ CardView, ಮತ್ತು ಈ ನಿಖರ ಅದೇ ವಿಷಯ. ಅದೇ ವಿಷಯ ಏಕೆ ನೋಡಿ? ಬದಲಿಗೆ ಕೇವಲ ಅಪ್ಲಿಕೇಶನ್ ಸಲ್ಲಿಕೆ ಆ , ಅದರ ಒಳಗೆ DIV ಮತ್ತು ಜೋಡಣೆ ಹೊಂದಿದೆ ಅಪ್ಲಿಕೇಶನ್ CardView ಸಲ್ಲಿಸುವ, ಮತ್ತು CardView DIV ಮತ್ತು ಪ್ಯಾರಾಗ್ರಾಫ್ ಸಲ್ಲಿಸುವ. ಆದ್ದರಿಂದ ಈ ನಮ್ಮ ಮೊದಲ ಉದಾಹರಣೆಯಾಗಿದೆ ಪರಸ್ಪರ ಒಳಗೆ ಗೂಡುಕಟ್ಟುವ ಅಂಶಗಳನ್ನು. ಎಂದು ಅರ್ಥ ಡಸ್? ಆದ್ದರಿಂದ, ಮತ್ತೆ, ನಾವು ಒಂದು CardView ಅಂಶ ಹೊಂದಿವೆ. ನಾವು ಅಪ್ಲಿಕೇಶನ್ ಅಂಶಗಳನ್ನು ಹೊಂದಿವೆ ಇದು ದೊಡ್ಡದಾಗಿದೆ ಎಂದು. 

ಸರಿ, ಆದ್ದರಿಂದ ನಾವು ಬಯಸುವ ನಮ್ಮ CardView-- ನೀವು ಉತ್ತಮ CardView ಒಂದು ನಿರ್ದಿಷ್ಟ ಕಾರ್ಡ್ ನೀಡಲು, ಇದು ಬಲ, ನೀವು ಮುದ್ರಿಸುತ್ತದೆ ವಿಲ್? ಮೊದಲು, ನಾವು ಒಂದು ಕಾರ್ಡ್ ಅಗತ್ಯವಿದೆ, ಆದ್ದರಿಂದ ಅವರ ಒಂದು ಕಾರ್ಡ್ ವಸ್ತು ಮಾಡೋಣ. ಆದ್ದರಿಂದ ನನ್ನ ಕಾರ್ಡ್ ಅವಕಾಶ equal-- ನೀವು ಎಲ್ಲಾ ಚೆನ್ನಾಗಿ ಬಂದಿದೆ, ಈ ಕೇವಲ ಸಂಕೇತ ತಯಾರಿಕೆ ಆಗಿದೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಬ್ಜೆಕ್ಟ್. ಇದು ಒಂದು struct ರೀತಿಯ ರೀತಿಯ ಇಲ್ಲಿದೆ ಸಿ, ನಾವು, ಒಂದು ಕಾರ್ಡ್ ಮಾಡಿದ ಮತ್ತು ಈಗ ನಾವು ಈ ಕಾರ್ಡ್ ರವಾನಿಸಬಹುದು ಒಂದು ಆಸ್ತಿ ಅಥವಾ HTML ಆಟ್ರಿಬ್ಯೂಟ್ನಂತೆ ನಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಪರಿಭಾಷೆ. ಆದ್ದರಿಂದ ನಾವು ಈ ಅಪ್ಲಿಕೇಶನ್ ಮಾಡಬಹುದು ಕಾರ್ಡ್ MyCard ಸಮನಾಗಿರುತ್ತದೆ. 

ನೀವು ಇನ್ಪುಟ್, ನೀವು ಹೇಗೆ ಗೊತ್ತು ಇನ್ಪುಟ್ ಪಠ್ಯ ಅಥವಾ ಬಟನ್ ಸಮನಾಗಿರುತ್ತದೆ ವರ್ಗ ಬೂಟ್ಸ್ಟ್ರ್ಯಾಪ್ btn ಸಮನಾಗಿರುತ್ತದೆ ,? ಅದೇ ಕಲ್ಪನೆ, ಅಪ್ಲಿಕೇಶನ್ ಕಾರ್ಡ್ ಸಮ ನೀವು ಬ್ರೇಸ್ ಹಾಕಲು ಪಡೆದಿರುವಿರಿ ಇಲ್ಲಿ ಅಪ್ಲಿಕೇಶನ್ ಕಾರ್ಡ್ MyCard ಸಮನಾಗಿರುತ್ತದೆ, ಈ ನಾವು ಈ ಕಾರ್ಡ್ ವಸ್ತು ಹೊಂದಿದ್ದರೆ ಹೇಳುತ್ತಾರೆ. ನಾನು ಅದನ್ನು ಹಾದು ಹೋಗುವ ಅಪ್ಲಿಕೇಶನ್ ಘಟಕ ಆಸ್ತಿ. ಮತ್ತು ಈ ಅಪ್ಲಿಕೇಶನ್ ಘಟಕವನ್ನು ತಿನ್ನುವೆ ಇದು ಪ್ರವೇಶಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಮತ್ತು ಹಾಗೆ ಅದನ್ನು ಆಸಕ್ತಿದಾಯಕ ವಿಷಯವನ್ನು. 

ಆದ್ದರಿಂದ ನಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಎಂದು ನಾನು ಒಂದು ಕಾರ್ಡ್ ನೀಡಲಾಗುವುದು, ಆದ್ದರಿಂದ ಈಗ, ಕೇವಲ ನೀಡಲು ಅಪ್ಲಿಕೇಶನ್ ಅವಕಾಶ CardView ಕಾರ್ಡ್ ಸ್ವತಃ ಅಪ್ಲಿಕೇಶನ್ ಅಲ್ಲ ರೀತಿಯ ಏಕೆಂದರೆ ಅದನ್ನು ಮಾಡಲು ಏನು ತಿಳಿಯಲು ಹೋಗುತ್ತದೆ, ಆದ್ದರಿಂದ ನಾವು CardView ಅದನ್ನು ನೀಡುತ್ತೇನೆ. ಆದ್ದರಿಂದ ನಾವು ಪಾಸ್ ಮಾಡುತ್ತೇವೆ ಅದೇ ರೀತಿಯಲ್ಲಿ, ಕಾರ್ಡ್, ಸಮನಾಗಿರುತ್ತದೆ ಮತ್ತು ಆದ್ದರಿಂದ ಪ್ರತಿ ಘಟಕವನ್ನು ಪ್ರವೇಶಿಸಬಹುದು ಇದು ನೀಡಲಾಗಿದೆ ವಸ್ತುಗಳನ್ನು. ಅವರು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಪ್ರವೇಶಿಸಬಹುದು ಎಂದು ಅದನ್ನು ನೀಡಲಾಗಿದೆ this.props.card, ಈ ವಾಕ್ಯ ಬಳಸಿಕೊಂಡು. 

ಹಾಗಾಗಿ ಇಲ್ಲಿ ನಡೆಯುತ್ತದೆ ನೀವು MyCard ವಸ್ತು ಹೊಂದಿವೆ. ನೀವು ಅಪ್ಲಿಕೇಶನ್ ಕೊಡಿ ಅಪ್ಲಿಕೇಶನ್ ಕಾರ್ಡ್ ಬಳಸಿ MyCard ಸಮನಾಗಿರುತ್ತದೆ. ಕಾರ್ಡ್ ವಸ್ತು ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ನೀಡಲಾಗುತ್ತದೆ. ಅಪ್ಲಿಕೇಶನ್ ಪ್ರವೇಶಿಸಬಹುದು this.props.card ಎಂದು. ಇದು ಚಿತ್ರವನ್ನು ರೀತಿಯ ಇಲ್ಲಿದೆ ಇದು ಮೂಲ ತಿಳಿದಿಲ್ಲ. 

ಈ ಅಪ್ಲಿಕೇಶನ್ ಕಾರ್ಡ್ ತಿಳಿದಿಲ್ಲ , ಮತ್ತು ಅದನ್ನು ವಿಷಯವನ್ನು ಮಾಡಬಹುದು. ಇದು ಗಣನೆಗಳನ್ನು ಮಾಡಬಹುದು. ಇದು ಆಫ್ ಆಧಾರಿತ ನಿರ್ಧಾರಗಳನ್ನು ಮಾಡಬಹುದು. 

ಈಗ, ನಾನು ಹಾದು ಹೊರಟಿದ್ದ CardView ಮೇಲೆ this.props.card. ಇಲ್ಲಿಯವರೆಗೆ ಅರ್ಥದಲ್ಲಿ? ಈಗ ಅರ್ಥ ಮಾಡುತ್ತೇವೆ. 

ಸರಿ, ಈಗ ನಾವು CardView ಆರ್. ಕಾರ್ಡ್ ನೀಡಲಾಗುವುದು ನಮ್ಮ CardView, ಮಾಡಬೇಕಾದುದು ಅದರ ಪ್ರಶ್ನೆ ಮತ್ತು ಉತ್ತರವನ್ನು ಮುದ್ರಿಸುತ್ತದೆ. ಇದೀಗ ನಾವು ಕೇವಲ ಮುದ್ರಣ ಕೆಲವು hardcoded ಪ್ರಶ್ನೋತ್ತರಗಳು. ನಾವು ಅಗತ್ಯವಿರುವ out-- ಲೆಕ್ಕಾಚಾರ ಅಗತ್ಯವಿದೆ ಅವರು ನಮಗೆ ನೀಡಿದ ಕಾರ್ಡ್ ಕೇಳಲು ಯಾವ ಪ್ರಶ್ನೆ ಮತ್ತು ಉತ್ತರವನ್ನು, ಮತ್ತು ತೆರೆಯ ಈ ಮುದ್ರಿಸುತ್ತದೆ. 

ನಾವು ಇಲ್ಲಿ ಈ ಮಾಡಬಹುದು. ಮೊದಲ ಸಮನಾಗಿರುತ್ತದೆ begin-- ನಿರೂಪಿಸಲು. ಹಾಗಾಗಿ ನಾವು ಮಾಡುತ್ತಿರುವುದು ನಾವು ತಿಳಿದಿದೆ ಆಗಿದೆ ಕಾರ್ಡ್, ಒಂದು ಆಸ್ತಿ ನಮಗೆ ನೀಡಲಾಗುತ್ತದೆ ಬಲ? ಇದು ಇನ್ಪುಟ್ ಎಂದು ನಮಗೆ ನೀಡಿದ. ಇದು ಬಹುತೇಕ ಹೀಗಿದೆ ಲೈಕ್ ಒಂದು ಕಾರ್ಯ ವಾದಗಳು. ಕಾರ್ಡ್ ಮಾಡುವ ವಾದ ಬಹುತೇಕ ಈ CardView ಗೆ. 

ನಾವು ಹೊರತೆಗೆಯಲು, ಮತ್ತು ಪುಟ್ ಮಾಡುತ್ತೇವೆ ಇದು ವೇರಿಯಬಲ್ ಪ್ರಶ್ನಿಸಿದೆ. ಖಚಿತವಾಗಿ ಉತ್ತರವನ್ನು ಹೋದರು ಮಾಡಿ ವೇರಿಯಬಲ್ ಉತ್ತರ. ಕಾರ್ಡ್ ಉತ್ತರಿಸಲು ಎಂದು ಅಪೇಕ್ಷಿಸುತ್ತದೆ. ಮತ್ತು ಈಗ ನಾವು ಈ ಹೊಂದಿರುವ, ಬದಲಿಗೆ ಪಠ್ಯ ಔಟ್ ಮುದ್ರಣ, ನಾವು ಮುದ್ರಿಸುತ್ತದೆ ನೀನು ಯಾವುದೇ ಅವರು ನಮಗೆ ನೀಡಿದ. 

ಆದ್ದರಿಂದ ಈ ಆದ್ದರಿಂದ ನಾವು ನೀನು stuff-- ಪ್ರಶ್ನೆಗೆ ನಂದಿಸುವಲ್ಲಿ. ಈ ಕೆಲಸ ಎಂದು ನೋಡೋಣ. ಕೂಲ್, ಇದರಿಂದ ಇದು ಹೆಜ್ಜೆ ಅವಕಾಶ ಒಂದು ಬಾರಿ ಕೇವಲ ಖಚಿತವಾಗಿ. 

ಆದ್ದರಿಂದ ನನ್ನ ಕಾರ್ಡ್ ಕಾರ್ಡ್ ವಸ್ತು, ಮತ್ತು ನಾವು ಅಪ್ಲಿಕೇಶನ್ ಕಾರ್ಡ್ ನೀಡುವ ಮಾಡಲಾಗುತ್ತದೆ. ಮತ್ತು ಅಪ್ಲಿಕೇಶನ್ ತೆಗೆದುಕೊಂಡು ಹೋಗುತ್ತದೆ ಕಾರ್ಡ್ ಮತ್ತು ಇದು CardView ನೀಡಲು. ಮತ್ತು ಈ CardView ನೀವು ವೇಳೆ, ಹೇಳುತ್ತಾರೆ ನನಗೆ ಯಾವುದೇ flashcard ವಸ್ತು ನೀಡಲು ನಾನು ಅದರ ಪ್ರಶ್ನೆ ಮುದ್ರಿಸುತ್ತದೆ ವಿಲ್ ಮತ್ತು ಅದರ ಉತ್ತರ, ಬಲ? 

ಹಾಗಾಗಿ ಏನು ಎಂಬುದನ್ನು ನಾನು ಮಾಡಬಹುದು ಮೊದಲ ಈ ಕೋಡ್ ಕಳುಹಿಸಲು ನನ್ನ ಸ್ನೇಹಿತರಿಗೆ ನನ್ನ ಕೋಡ್ 10 ಸಾಲುಗಳು, ಹಾಗೆ. ಅವರು ಎಂಬೆಡ್ ಮಾಡಬಹುದು ತನ್ನ ಅಪ್ಲಿಕೇಶನ್. ಅವನು ಒಂದೇ ಮಾಡಿದರು ಅಲ್ಲಿಯವರೆಗೆ, , CardView ಕಾರ್ಡ್ ಈ ಸಮ ಅವರು CardView ದಾಖಲಿಸಿದವರು ಅಲ್ಲಿಯವರೆಗೆ ಅದು ಸರಿಯಾದ ಮಾಹಿತಿ ಕೊಟ್ಟು ತನ್ನ ಸ್ವಂತ ಕಾರ್ಡ್ ತಮ್ಮಿಂದ. ಮತ್ತು ಈ ರೀತಿಯಲ್ಲಿ, ಇದು ನಿಜವಾಗಿಯೂ ಇಲ್ಲಿದೆ ನೀವು ನಿರ್ಮಿಸಲು ತಂಪಾದ ರೀತಿಯಲ್ಲಿ ಬಲ, ಪರಸ್ಪರ ಬಳಸುವ ಘಟಕಗಳನ್ನು? ಈ ಕಾರ್ಡ್, ನಾನು ಪ್ರಕಟಿಸಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ ಅಂತರ್ಜಾಲದಲ್ಲಿ ಈ CardView, ಮತ್ತು ಜನರು ಅದನ್ನು ಬಳಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಎಂದು. ಆದ್ದರಿಂದ ಮೂಲಭೂತವಾಗಿ, ಇದು ಒಂದು ಹೀಗಿದೆ C ಲೈಬ್ರರಿಯಲ್ಲಿ ಪ್ರಮಾಣಿತ ಕಾರ್ಯಗಳನ್ನು. 

ಇದು ಒಂದು ಕಾರ್ಯ ಅಲ್ಲಿ ಯಾರಾದರೂ ಬರೆದಿದ್ದಾರೆ. ನೀವು ಒಂದು ನಿರ್ದಿಷ್ಟ ಇನ್ಪುಟ್ ನೀಡಿ. ಇದು ಒಂದು ನಿರ್ದಿಷ್ಟ ಉತ್ಪನ್ನವನ್ನು ಮಾಡುತ್ತೇವೆ. ನೀವು ಆಂತರಿಕವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂಬುದನ್ನು ಹೆದರುವುದಿಲ್ಲ. ಎಲ್ಲಿಯವರೆಗೆ ನೀವು ಬಲ ನೀಡಿದರೆ ಇನ್ಪುಟ್, ಇದು ಬಲ ಔಟ್ಪುಟ್ ಮಾಡಿಕೊಳ್ಳುವಿರಿ. 

ಮತ್ತು ಅಂಶವಾಗಿದೆ ಅದೇ ರೀತಿಯಲ್ಲಿ ಯೋಚಿಸಿದ. ಈ CardView ಹಾಗೆ ಲೈಬ್ರರಿ ಫಂಕ್ಷನ್. ನೀವು ಕೆಲವು ಕಾರ್ಡ್ ಕೊಟ್ಟರೆ ಆಸ್ತಿ ಎಂದು, ಇದು ಮಾಡುತ್ತೇವೆ ಕಾರ್ಡ್ ವಿಷಯಗಳನ್ನು ಮುದ್ರಿಸುತ್ತದೆ. ನಾನು ನನ್ನ ಕಾರ್ಡ್ ಬದಲಾಯಿಸಿದರೆ ಲೈಕ್ ಬದಲಿಗೆ 5 ಪ್ಲಸ್ 37 ಏನು ಹಾಗೆ, ಪ್ರಕಾರವಾಗಿ ನವೀಕರಿಸಿ. ಆದ್ದರಿಂದ ಕೇವಲ ಬದಲಾಯಿಸದಿದ್ದರೆ ಮೂಲಕ ಇದು ಒಂದು ನಿರ್ದಿಷ್ಟ ಔಟ್ಪುಟ್ ಪಡೆಯುತ್ತದೆ. ಆದ್ದರಿಂದ ನೀವು ಬಹುತೇಕ ಘಟಕಗಳನ್ನು ನಗರದ ಈ ರೀತಿಯಲ್ಲಿ ಕಾರ್ಯಗಳನ್ನು, ಯಾವುದು ನೀವು ಒಟ್ಟಿಗೆ ಹಾಕಬಹುದು. ಈ CardView ನಂತಹ ಇನ್ಪುಟ್ ಪಡೆಯಲು ಇನ್ಪುಟ್, ನೀವು ಔಟ್ಪುಟ್ ಪಡೆಯಿರಿ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಔಟ್ಪುಟ್ HTML ಆಗಿದೆ. ಇಲ್ಲಿಯವರೆಗೆ ಅರ್ಥದಲ್ಲಿ? ಕೂಲ್, ಆದ್ದರಿಂದ ಮತ್ತೆ, ಗುಣಗಳೆಂದರೆ ನೀವು ಮಾಹಿತಿಯನ್ನು ರವಾನಿಸಲು ಹೇಗೆ ಒಳಗೆ ಮತ್ತು ಘಟಕಗಳನ್ನು ಔಟ್. 

ಸರಿ, ಆದ್ದರಿಂದ ಅವರ ಈ ಮಾಡೋಣ ವಿಷಯ ಪರಸ್ಪರ. ಇದೀಗ ಇದು ನೀರಸ ಭಾಸವಾಗುತ್ತದೆ. [ಕೇಳಿಸುವುದಿಲ್ಲ] ಏನು? ನೀವು ಕೆಲವು ಮುದ್ರಿಸುತ್ತದೆ ಆದರೆ ಅದು ಮಾಡಬಹುದು ಅಷ್ಟೆ. 

ಆದ್ದರಿಂದ ಹಿಂತಿರುಗಿ ಅವಕಾಶ ಸಧ್ಯಕ್ಕೆ ಹಳೆಯ ಪ್ರಶ್ನೆ. ಸರಿ, ಆದ್ದರಿಂದ ಇದೀಗ ಈ ಘಟಕಗಳನ್ನು ಎಲ್ಲಾ ಅವರು ಏಕೆಂದರೆ ನೀರಸ ಅವರು ಇನ್ಪುಟ್ ಪಡೆಯಿರಿ. ಅವರು ಔಟ್ಪುಟ್, ಬಲ ಮಾಡಲು? ನೀರಸ ಭಾಸವಾಗುತ್ತದೆ. ನಾವು ನಮ್ಮ ಬೇಕು ಘಟಕಗಳನ್ನು ಹೊಂದಿವೆ ಸಾಧ್ಯವಾಗುತ್ತದೆ ಆಂತರಿಕ ಸ್ಥಿತಿಯ ರೀತಿಯ, ರೀತಿಯ ನೆನಪಿಡಿ. 

ಒಂದು flashcard, ಗಾಗಿ ರಾಜ್ಯದ ಉದಾಹರಣೆಗೆ, ಯಾವ ರೀತಿಯ ನೀವು ಬಯಸಬಹುದು ಒಂದು flashcard ನೆನಪಿನಲ್ಲಿಟ್ಟುಕೊಳ್ಳುವಂತೆ? ಏನು ತಾತ್ಕಾಲಿಕ ಸ್ಥಿತಿ ನೀವು ನೆನಪು ಬಯಸಬಹುದು ಒಂದು flashcard ಅಪ್ಲಿಕೇಶನ್ನಲ್ಲಿ flashcard ಫಾರ್? ಪ್ರೇಕ್ಷಕರು: ಇದು ಹಿಮ್ಮೊಗ ಮಾಡಲಾಗಿದೆ ಎಂದು? ನೀಲ್ ಮೆಹ್ತಾ: ರೈಟ್, ಹೌದು. ಆದ್ದರಿಂದ ನೀವು ಇರಿಸಿಕೊಳ್ಳಲು ಬಯಸಬಹುದು ಜಾಡನ್ನು ನೀವು ಎದುರಿಸುವ ಅಥವಾ ಇವೆ ನೀವು ಕಾರ್ಡ್ ಕೆಳಮುಖವಾಗಿ. ಫೇಸ್ಬುಕ್ ಮೇಲೆ, ಉದಾಹರಣೆಗೆ, ನೀವು ಬಯಸುವ ಸುದ್ದಿ ಫೀಡ್ನಲ್ಲಿ ಅಲ್ಲಿ ನೆನಪಿಡುವ ಬಯಸುವ ನೀವು ಅಥವಾ ಪ್ರೊಫೈಲ್ ಯಾರು ಇಷ್ಟ ನೀವು ಇದೀಗ ಮಾಡುತ್ತಿದ್ದಾರೆ. 

ಮೆಸೆಂಜರ್ ಮೇಲೆ ಪಠ್ಯ ನಿಮ್ಮಂತಹ ಬಲ, ಇನ್ಪುಟ್ ಬಾಕ್ಸ್ ನಲ್ಲಿ ಟೈಪ್? ನೀವು ಪುಟ ರಿಫ್ರೆಶ್, ಅದು ದೂರ ಹೋಗುತ್ತದೆ. ಆದರೆ ನೀವು ನಿಜವಾಗಿಯೂ ಹೆದರುವುದಿಲ್ಲ. ಇದು ಕೇವಲ ತಾತ್ಕಾಲಿಕ. ಹೌದು? 

ಪ್ರೇಕ್ಷಕರು: [ಕೇಳಿಸುವುದಿಲ್ಲ] ನೀಲ್ ಮೆಹ್ತಾ: ಒಂದು ಫ್ಲಾಶ್ ಲೈಕ್ ಕಾರ್ಡ್, ನೀವು ನೋಡಿದ ಮಾಡಬಹುದು ನಂತಹ ಪ್ರಶ್ನೆ ಅಡ್ಡ ಅಥವಾ ಉತ್ತರ ಭಾಗದಲ್ಲಿ? 

ಪ್ರೇಕ್ಷಕರು: ಸರಿ. 

ನೀಲ್ ಮೆಹ್ತಾ: ಲೈಕ್ ಒಂದು ಬಲ, flashcard ದ್ವಿಮುಖ? ಹೌದು, ಆದ್ದರಿಂದ ನೀವು ಬಯಸುವ ಈಗ ಈ ಕಲ್ಪನೆಯೂ ಇಲ್ಲ ನಾನು, ಒಳಹರಿವು ರೀತಿಯಲ್ಲಿ ಇದು, ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿವೆ ಆದರೆ UH, ತಾತ್ಕಾಲಿಕ ಇದು ರಾಜ್ಯದ, ನೀವು ಪುಟದಲ್ಲಿ ಅಲ್ಲಿ, ಬಲ? ಮತ್ತೆ, ನಾನು ಫೇಸ್ಬುಕ್ ಹೇಳಿದರು ಮೆಸೆಂಜರ್, ನಾನು ಇದು ವ್ಯಕ್ತಿಗಳಂತೆ ಹೊಂದಿವೆ ನೀವು ಫೇಸ್ಬುಕ್ ನೋಡುವ ಅಥವಾ ಯಾರು ಸರಿ, ಪ್ರೊಫೈಲ್ ಇಲ್ಲಿದೆ? 

ಈ ಕೇವಲ ತಾತ್ಕಾಲಿಕ. ಇದು ಬಳಕೆದಾರ ತೋರಿಸಲು ಪ್ರಮುಖ ಇಂದಿನ ಆದರೆ ಪುಟ ರಿಫ್ರೆಶ್ ವಿಶೇಷವೇನು. ಇದು ನಿಜವಾಗಿಯೂ ಅಪ್ರಸ್ತುತವಾಗುತ್ತದೆ. ಆದ್ದರಿಂದ, ತಾತ್ಕಾಲಿಕ ರಾಜ್ಯದ ನಾವು ಎಲ್ಲಾ ಇದು ರಾಜ್ಯದ. 

ಆದ್ದರಿಂದ, ಮತ್ತೆ, ರಾಜ್ಯ ಮತ್ತು ರಂಗಪರಿಕರಗಳು ಇಲ್ಲ. ಪ್ರಾಪ್ಸ್ ಇನ್ಪುಟ್ ನೀಡಲಾಗುತ್ತದೆ ನಿಮ್ಮ ದಶಮಾಂಶ ಮೂಲದಿಂದ. ರಾಜ್ಯ ಕೇವಲ ಡಿಫಾಲ್ಟ್ ಹಾಗೆ. ಇದು ಕೇವಲ ಸ್ಟಫ್ ಹೀಗಿದೆ ವಿಷಯ ಪರಸ್ಪರ ಮಾಡುತ್ತದೆ. 

ಆದ್ದರಿಂದ ನಮ್ಮ CardView-- ನ ಅವಕಾಶ ನಮ್ಮ CardView-- ಇದು ಸಂತೋಷದ ವಿಚಾರ. ನಾವು ಇಲ್ಲಿ ನೀನು ಏನು, ನಾವು ನೀನು CardView ಮತ್ತು CardView ಸ್ಪರ್ಶಕ್ಕೆ. ಆದ್ದರಿಂದ ನನ್ನ ಸ್ನೇಹಿತ ಈ ಅವರು, ಪಡೆದ ಯಾವುದೇ ವ್ಯತ್ಯಾಸ ಗಮನಿಸುವುದಿಲ್ಲ ಎಂದು. ಅವರು ಬದಲಾಯಿಸಲು ಹೊಂದಿಲ್ಲ ಎಂದು ತಮ್ಮ ಕೋಡ್ ಯಾವುದೇ, ಆದರೆ ನೋಡಲು ಬಯಸುವ ತಮ್ಮ CardView souped ಅಪ್ ಪಡೆಯಿತು. ಘಟಕಗಳ ಬಗ್ಗೆ ಸಂತೋಷವನ್ನು ಭಾಗವಾಗಿದೆ. 

ಸರಿ, ನಮ್ಮ CardView ಆದ್ದರಿಂದ, ನ ಪ್ರಯತ್ನಿಸೋಣ ಮತ್ತು ನಾವು ಹಾಕುವಂತೆ ಎಂಬುದನ್ನು ಜಾಡನ್ನು ಅಥವಾ ಕೆಳಮುಖವಾಗಿ. ರಿಯಾಕ್ಟ್ ನಾವು ಮೊದಲ ಮೂಲಕ ಇದನ್ನು ಆರಂಭಿಕ ರಾಜ್ಯದ ಸೂಚಿಸುವ. ಕಾರ್ಡ್ ಅಲ್ಲಿ ಆರಂಭಿಸಲು ಇಲ್ಲ? 

ಆದ್ದರಿಂದ getInitialState ಎಂಬ ಕಾರ್ಯ ಎಂದು ಕೆಲಸ, ಮತ್ತು ನಾವು ಒಂದು ವಸ್ತು ಮರಳಿ. ಈ ವಸ್ತು, ಕೆಲವು ರಾಜ್ಯದ ಹೊಂದಿದೆ ಮತ್ತು ಒಂದು ರಾಜ್ಯದ ಒಂದು ಪ್ರಮುಖ-ಮೌಲ್ಯ ಜೊತೆಯಾಗಿದೆ. ಸೂಚನೆ ರಲ್ಲಿ ಹಾಗೆ, ನೀವು ಒಂದು ಪ್ರಮುಖ ಮತ್ತು ಹೊಂದಿವೆ ಹೆಸರು ಸ್ಟ್ರಿಂಗ್ ರೀತಿಯ ಮೌಲ್ಯ, ನೀವು ಹೊಂದಿವೆ. 

ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಅವರ ಮುಂದೆ ಸತ್ಯ ಹೇಳಲು ಅವಕಾಶ. ಈ ನಾವು ಒಂದು ರಾಜ್ಯದ ಎಂದು ಹೇಳುತ್ತಾರೆ. ರಾಜ್ಯದ ಒಂದು ಭಾಗವು ಮುಂದೆ ಎಂಬ ಲಕ್ಷಣವಾಗಿದೆ. [ಕೇಳಿಸುವುದಿಲ್ಲ], ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಆದ್ದರಿಂದ ನಾವು ಕಾರ್ಡ್ ಮುಂದೆ ಆರ್, ಮತ್ತು ನಾವು ಈ ಬದಲಾಯಿಸಬಹುದು ನಾವು ಕಾರ್ಡ್ ತಿರುಗಿಸಿಕೊಳ್ಳುವ. ಅರ್ಥ? 

ಸರಿ, ಆದ್ದರಿಂದ ಈಗ, ನಾವು ಇದ್ದೇವೆ ನಿರೂಪಿಸಲು ಪ್ರಶ್ನೆ ಮತ್ತು ಉತ್ತರವನ್ನು ತೋರಿಸುವ. ಈಗ ನಾವು ಏನು ಮಾಡಬೇಕು ಪ್ರಶ್ನೆ ತೋರಿಸಲು ಇದೆ ನಾವು ಕಾರ್ಡ್ ಮುಂದೆ ನೀವು ಹಾಗಿದ್ದಲ್ಲಿ ಉತ್ತರವನ್ನು ಕಾರ್ಡ್ ಹಿಂಭಾಗದಲ್ಲಿ ಹೊಂದಿದೆ. ನೀವು ಎಲ್ಲಾ ಮಾಡಲು ಏಕೆ ಆ ಕಾರ್ಡ್ ಪರಸ್ಪರ. ಆದ್ದರಿಂದ ಈ ಇಲ್ಲಿ ಪ್ರಯತ್ನಿಸೋಣ. ಸರಿ, ಮೊದಲ ಕೇವಲ ಒಂದು ವೇರಿಯೇಬಲ್ ಮಾಡಲು. ನಾವು this.state.front ಈಗ ಕೇಳಬಹುದು. ನಾವು ಅದೇ ನಾವು ರಾಜ್ಯದ ಪ್ರವೇಶಿಸಲು ಪ್ರವೇಶ ರಂಗಪರಿಕರಗಳು, ಆದ್ದರಿಂದ this.state.front. 

ನಾವು ಮುಂದೆ ನೀವು, ನಂತರ ಪಠ್ಯ this.props.card.question ಆಗಿದೆ. ನಾವು ಮುಂದೆ ನೀವಿದ್ದರೆ ಕಾರ್ಡ್, ನಾವು ಪ್ರಯತ್ನಿಸಿ ಮತ್ತು ದೋಚಿದ ನೀನು ಕಾರ್ಡಿನಿಂದ ಪ್ರಶ್ನೆ. ಇಲ್ಲವಾದರೆ, ನಾವು ಹಿಂದೆ ಇಂತಹ ಕಾರ್ಡ್, ನಾವು ಏನು ಇಲ್ಲ? 

ಪ್ರೇಕ್ಷಕರು: ಉತ್ತರ? 

ನೀಲ್ ಮೆಹ್ತಾ: ಹೌದು, ಆದ್ದರಿಂದ ಪಠ್ಯ this.props.card.answer ಸಮನಾಗಿರುತ್ತದೆ. ನೀವು ಗಮನಿಸಿ ಆದರೆ, ನಾವು ಬಳಸುತ್ತಿರುವ ರಾಜ್ಯದ ನಿರ್ಧಾರ ಈಗ ಘಟಕವನ್ನು ಏಕೆಂದರೆ ವಿವಿಧ ಕಾಣುತ್ತವೆ ಈ ಅದನ್ನು ಹೇಗೆ ಸಂವಹನ ಆಫ್ ಆಧಾರಿತ. ಆದ್ದರಿಂದ ಬದಲಿಗೆ ಈ ಔಟ್ ಮುದ್ರಣ, ನಾವು ಪಠ್ಯ ಮುದ್ರಿಸುತ್ತದೆ ವಿಲ್. ಕೂಲ್, ಎಷ್ಟೊಂದು, ನೀವು ನೋಡಿ ಎಂದು, ನಾವು ಮಾತ್ರ ಪ್ರಶ್ನೆ ನೋಡಿ. ನಾನು ಕೈಯಾರೆ ಇಲ್ಲಿ ರಾಜ್ಯದ ಬದಲಾಯಿಸಿದರೆ ಮುಂದೆ ಸುಳ್ಳು ನಾವು 42 ಹಿಂದೆ. 

ಆದ್ದರಿಂದ, ಮತ್ತೆ, ಈ ಘಟಕವನ್ನು ತನ್ನದೇ ಆದ ಹೊಂದಿದೆ. ಒಂದು ಬಟನ್ ಎಂದು ತಿಳಿದಿದೆ ಲೈಕ್ ಇದು, ಒತ್ತಿದರೆ ಅಥವಾ ಮಾಡಲಾಗಿದೆ ಈ ವಿಷಯ ತಿಳಿದಿಲ್ಲ ಮುಂದೆ ಅಥವಾ ಹಿಂದೆ. ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಇದು ಮುಂಭಾಗದಲ್ಲಿ ಇಲ್ಲಿದೆ. ಮತ್ತು ನಂತರ ಇದು ಮುಂಭಾಗದಲ್ಲಿ ವೇಳೆ, ನಾವು ಪ್ರಶ್ನೆ ಮುದ್ರಿಸುತ್ತದೆ ವಿಲ್. ಇದು ಹಿಂದೆ, ನಾವು ಮಾಡುತ್ತೇವೆ ಉತ್ತರ ಮುದ್ರಿಸುತ್ತದೆ. ಆದ್ದರಿಂದ, ಮತ್ತೆ, ಮಾಹಿತಿ ನೀಡಿದ ಒಂದೇ. ಅದು ವಿವಿಧ ಕಾಣುತ್ತದೆ ನೀವು ಯೋಜನೆಯನ್ನು ಹೇಗೆ ಆಧರಿಸಿ. ಆದ್ದರಿಂದ, ಉದಾಹರಣೆಗೆ, ಫೇಸ್ಬುಕ್ ಮೆಸೆಂಜರ್, ನೀವು ಅದೇ ಡೇಟಾ ಮೂಲ ಪಡೆಯಲು ಸಹ, ಇದು ವಿವಿಧ ನೋಡಲು ಇರಬಹುದು ರಾಜ್ಯದ ವಿವಿಧ ಏಕೆಂದರೆ. ನೀವು ಹುಡುಕುತ್ತಿರುವ ವಿವಿಧ ವ್ಯಕ್ತಿಯ ಸಂದೇಶ. 

ಸರಿ, ಆದ್ದರಿಂದ ಈ ಎಲ್ಲಾ ಚೆನ್ನಾಗಿ ಮತ್ತು ಉತ್ತಮ, ಆದರೆ ಈಗ ಏನು ವಾಸ್ತವವಾಗಿ ಎಂದು, ಬದಲಾಯಿಸಲು ನಮಗೆ ಸಾಧ್ಯವಾಗುತ್ತದೆ ಮಾಡುವುದು ನಮ್ಮ ಕಾರ್ಡ್ ಮುಂದೆ ಅಥವಾ ಬ್ಯಾಕ್. ನಾವು ಒಂದು ಫ್ಲಿಪ್ ಸೇರಿಸುವ ಮೂಲಕ ಈ ಮಾಡಬಹುದು ಬಟನ್, ಕಾರ್ಡ್ ಬಟನ್ [ಕೇಳಿಸುವುದಿಲ್ಲ] ವೇಳೆ ಕಾರ್ಡ್ ತಿರುಗಿಸಿಕೊಳ್ಳುವ ಮಾಡುತ್ತದೆ. ಆದ್ದರಿಂದ ಇಲ್ಲಿ, ಈ ಬಟನ್ ಸೇರಿಸಲು ಅವಕಾಶ ಬಟನ್, ಮತ್ತು ಈ ಬಟನ್ ಫ್ಲಿಪ್ ಹೇಳುವುದಿಲ್ಲ. 

ಆದ್ದರಿಂದ ಇದೀಗ, ಇದು ಏನನ್ನೂ ಮಾಡುವುದಿಲ್ಲ. ಇದು ಕೇವಲ ಸಂತೋಷವನ್ನು ಕಾಣುತ್ತದೆ. ನಾವು ಮಾಡಬಹುದು ನಾವು ಒಂದು ಕ್ಲಿಕ್ ಸೇರಿಸಬಹುದು ಆಗಿದೆ ನಿರ್ವಾಹಕದ ಅನ್ಕ್ಲಿಕ್, this.flip ಸಮನಾಗಿರುತ್ತದೆ ಮತ್ತು ನಾವು ನಂತರ ಫ್ಲಿಪ್ ವ್ಯಾಖ್ಯಾನಿಸಲು ಮಾಡುತ್ತೇವೆ. ಆದರೆ ಮೂಲಭೂತವಾಗಿ, ಅನ್ಕ್ಲಿಕ್ ಕ್ರಿಯೆಯಾಗಿದೆ ಎಂದು ಬಳಕೆದಾರ ಅದನ್ನು ಒತ್ತಿದಾಗ ಎಂದು ಸಿಗುತ್ತದೆ. 

ಆದ್ದರಿಂದ ಬಟನ್ ತಿಳಿಯುವುದಿಲ್ಲ ಅದನ್ನು ಕ್ಲಿಕ್ ಮಾಡಲಾಗಿದೆ ಮಾಡಿದಾಗ. ಅದನ್ನು ಕ್ಲಿಕ್ ಮಾಡಲಾಗಿದೆ ಹೋದರು, ಇದು ಕಾರ್ಡ್ ತಿರುಗಿಸಿಕೊಳ್ಳುವ ಮಾಡುತ್ತದೆ. ಇದು ನಿಮ್ಮ ಹಾಗೆ ಭಾಸವಾಗುತ್ತದೆ ಪಿಜ್ಜಾ ಡೆಲಿವರಿ ವ್ಯಕ್ತಿ. ನೀವು, ಎಲ್ಲಾ ಸರಿ, ಬಂದ ಯಾರಾದರೂ ನಾನು, ಪಿಜ್ಜಾ ತಲುಪಿಸಲು ಮಾಡುತ್ತೇವೆ, ನನಗೆ ಕರೆ? 

ಈ ಕೇಳುಗನ ನೋಂದಣಿ. ನೀವು ಕ್ರಿಯೆಯನ್ನು ಕೇಳಲು. ನೀವು ಎಂದು, ಮತ್ತು ನೀವು ಪಡೆಯಲು ಘಟನೆಯ ನೀವು ಏನಾದರೂ, ನಡೆಯುತ್ತದೆ. ನೀವು ಪಿಜ್ಜಾ ಪಡೆಯಿರಿ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನೀವು ಯಾವಾಗ ಆರ್ ಕ್ಲಿಕ್, ನೀವು ಕಾರ್ಡ್ ತಿರುಗಿಸಿಕೊಳ್ಳುವ. 

ಆದ್ದರಿಂದ ನಾವು, ವ್ಯಾಖ್ಯಾನಿಸುವುದು ಅಗತ್ಯವಾಗಿದೆ ಕಾರ್ಡ್ ತಿರುಗಿಸಿಕೊಳ್ಳುವ ಎಂದು ಕಾರ್ಯ, ಆದ್ದರಿಂದ ನಾವು ಬಲ ಬರೆಯಲು ಮಾಡುತ್ತೇವೆ ಇಲ್ಲಿ, ಕಾರ್ಯ ತಿರುವುಗಳು. ಆದ್ದರಿಂದ ನೀವು ಫ್ಲಿಪ್ ಮಾಡುತ್ತಾರೆ ಏನು ಆಲೋಚಿಸುತ್ತೀರಿ ಏನು? ಮತ್ತೆ ಈ ಸಂದರ್ಭದಲ್ಲಿ ಎಂದು ಗಳಿಸುವ ನಾವು ಫ್ಲಿಪ್ ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿ. ಕಾರ್ಯ ಫ್ಲಿಪ್ ಏನು ಮಾಡಬೇಕು? 

ಪ್ರೇಕ್ಷಕರು: ಚೇಂಜ್ this.state.front ಸತ್ಯ ಸತ್ಯ ಸುಳ್ಳು, ಸುಳ್ಳು. 

ನೀಲ್ ಮೆಹ್ತಾ: ಹೌದು, ಆದ್ದರಿಂದ ತೆಗೆದುಕೊಳ್ಳುವ ಯಾವುದೇ this.front ಮುಂದೆ ರಾಜ್ಯವಾಗಿದೆ is--. ವೇಳೆ, ಮುಂದೆ ರಾಜ್ಯದ ಟೇಕ್ ಇದು ಸುಳ್ಳು ಮಾಡಲು, ನಿಜ. ಇದು ತಪ್ಪು ಇದ್ದರೆ, ಬಲ, ಇದು ನಿಜ ಮಾಡಲು? ಇದರಿಂದ ಆ ಪ್ರಯತ್ನಿಸೋಣ. 

ನೀವು ರಾಜ್ಯದ ಬದಲಾಯಿಸಲು ಸಾಧ್ಯವಿಲ್ಲ ಕೇವಲ this.state ಮಾಡುವುದರಿಂದ. ನೀವು ಇದನ್ನು ಮಾಡಲು ಸಾಧ್ಯವಿಲ್ಲ. ನೀವು ಹಾಗೆ ಮಾಡಬಹುದು. ನೀವು ಒಂದು ಕಾರ್ಯ ಬಳಸಲು ಹೊಂದಿರುತ್ತವೆ this.setState ಕರೆಯಲಾಗುತ್ತದೆ. 

ಆದ್ದರಿಂದ ನೀವು this.setState ಮುಂದೆ ಹೇಳಬಹುದು ಕರುಳಿನ ಈ ಅಲ್ಲಿ, ಮತ್ತೆ, ಕೂಗಾಟ ಪಾಯಿಂಟ್ ವಿರುದ್ಧ ಅರ್ಥ. ನಾನು ಈ ನಾನು ಭಾವಿಸುತ್ತೇನೆ. state.front ನಿಜ, ಅದು ಸುಳ್ಳು ತಿರುಗಿ ನೋಡುತ್ತಾರೆ. ನಾವು ರಾಜ್ಯದ ಸೆಟ್ ಮಾಡುತ್ತೇವೆ ಸತ್ಯ ಸುಳ್ಳು. ಇದು ತಪ್ಪು ಇದ್ದರೆ, ನಾವು ಮಾಡುತ್ತೇವೆ ನಿಜವಾದ ಇದನ್ನು ಸುಳ್ಳು ಸೆಟ್. 

ಕೇವಲ ನಾವು ಸೆಟ್ ಮತ್ತು ಸ್ವಲ್ಪ ಪಡೆಯಲು ಗಮನಕ್ಕೆ ವಿಭಿನ್ನವಾಗಿ, ಮತ್ತು ಆದ್ದರಿಂದ ಅವರ ಈ ಪ್ರಯತ್ನಿಸೋಣ. ಬಡಾ ಬಿಂಗ್, ಈ ನೋಡಲು. ಫ್ಲಿಪ್ ಬಟನ್ ಈಗ ತಿನ್ನುವೆ ರಾಜ್ಯದ ಮುಂದಿನಿಂದ ಬದಲಾಯಿಸಲು. 

ನೀವು ನೋಡಿ ಅಲ್ಲಿ ಮತ್ತು ಇಲ್ಲಿ ಇಲ್ಲಿದೆ ರಿಯಾಕ್ಟ್ ಮಾಯಾ ಸ್ವಲ್ಪ. ನಾವು ಹೇಳಿದರು ಎಂದಿಗೂ ಲೈಕ್ ಮರು ನಿರೂಪಿಸಲು. ನಾವು ಏನು ಬರೆಯುವರು ನಕ್ಷೆಯನ್ನು ತಿದ್ದಿ ಬರೆಯಲು ಹೇಳಿದರು ಎಂದಿಗೂ. ಈ ಮಾಡುತ್ತಿರುವುದು ರಿಯಾಕ್ಟ್ ಇಲ್ಲದೆ, ನೀವು ಬಯಸುವ ಯಾವಾಗ to-- ಇಷ್ಟ ಫ್ಲಿಪ್ ಬಟನ್, ಕ್ಲಿಕ್ ನೀವು ಅದನ್ನು ಹೇಳಲು ಮಾಡಿದೆವು ಕೈಯಾರೆ ಬಲ, ಮತ್ತೆ ನಿರೂಪಿಸಲು? 

ನಿಜವಾಗಿಯೂ ತಂಪಾಗಿದೆ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನೇ ನೀವು ಇದು ಒಂದು ನಿರ್ದಿಷ್ಟ ರಾಜ್ಯದ ಮತ್ತು ಗುಣಗಳನ್ನು ನೀಡುತ್ತದೆ, ಇದು ಯಾವಾಗಲೂ ನೀಡುತ್ತದೆ ಅದೇ ವಿಷಯ. ಮತ್ತು ಆದ್ದರಿಂದ ನಾವು ನಾವು ಬದಲಾದಾಗ ರಾಜ್ಯದ ಮತ್ತು ಗುಣಗಳನ್ನು, ಪ್ರತಿಕ್ರಿಯೆ ಕೇವಲ ವಿಷಯವನ್ನು ಮರು ಸಲ್ಲಿಸುವ. ಇದು ಇಲ್ಲ ಎಂದು ತಿಳಿದಿದೆ ಒಂದು ಯಾ ಒಂದು ಪತ್ರವ್ಯವಹಾರದ ರಾಜ್ಯದ ಮತ್ತು ನಿಯತಾಂಕ ಮತ್ತು HTML ನಡುವೆ. ಆದ್ದರಿಂದ ಬಂದ ಆ ಎರಡೂ ಒಂದು ಸೆಟ್ ರಾಜ್ಯದ ಮೂಲಕ ಮೂಲಕ ಬದಲಾವಣೆಗಳನ್ನು ಬದಲಿಸಬಹುದು ಎಂಬ ವೇತನ ಮರು ಸಲ್ಲಿಸಿದಾಗ. ಮತ್ತು ಆದ್ದರಿಂದ ಮೂಲಭೂತವಾಗಿ ರಿಯಾಕ್ಟ್ ಹಾಗೆ ನೀವು ಬದಲಾಯಿಸಲು ಕಾಯುತ್ತಿದೆ. 

ಯಾವಾಗ ಇದು ಏನೋ ಬದಲಾಯಿಸುತ್ತದೆ, ಇದು ಇಡೀ ಪುಟ ಮತ್ತೆ ನಿರೂಪಿಸಲು ಮಾಡುತ್ತೇವೆ. ಮತ್ತು ಅದು ಅಸಮರ್ಥ ಧ್ವನಿಸುತ್ತದೆ ಆದರೆ, ಇದು ಏಕೆಂದರೆ ಇದು, ಇಲ್ಲಿದೆ ಆದರೆ ಪ್ರತಿಕ್ರಿಯಿಸಲು ಒಂದು ವಿಷಯ ಬಳಸುತ್ತದೆ ಒಂದು ಛಾಯಾ DOM ಕರೆಯಲಾಗುತ್ತದೆ. ಬದಲಿಗೆ ನೇರವಾಗಿ ಪುಟ ಬರೆಯುವುದರ, ಇದು ನೆನಪಿಗಾಗಿ ವಾಸ್ತವ ಎಚ್ಟಿಎಮ್ಎಲ್ ಟ್ರೀಯು. 

ನಿಮಗೆ ಗೊತ್ತಾ, ಎಚ್ಟಿಎಮ್ಎಲ್ ಮರದ ಹಾಗೆ, ಒಂದು ಶ್ರೇಣಿ ವ್ಯವಸ್ಥೆಯ ಅಕ್ಷಾಂಶ ರಚನೆಯಾಗಿದೆ. ಇದು, ಮೆಮೊರಿ ನಕಲಿ ಟ್ರೀಯು ಮತ್ತು ನೀವು ಪುಟ ನವೀಕರಿಸಲು ಬಂದ, ಇದು ಮತ್ತೊಂದು ನಕಲಿ ಸೆಳೆಯಲು ನಾವು ಮರ, ಮತ್ತು ಇದು ಲೆಕ್ಕಾಚಾರ ಮಾಡುತ್ತೇವೆ ಏನು ಅದನ್ನು ಮಾಡಲು ಅಗತ್ಯವಿದೆ ಬದಲಾಯಿಸಲು ಪುಟ ಎರಡು ಮರಗಳು ಸಮಾನ ಮಾಡಲು. ಆದ್ದರಿಂದ ಮೂಲಭೂತವಾಗಿ, ಇದು ವಾಸ್ತವವಾಗಿ ಬಹಳಷ್ಟು ಮರು ಸಲ್ಲಿಸುವ. ತದನಂತರ ಮಾತ್ರ ಇಷ್ಟ ಬದಲಾಯಿಸುತ್ತದೆ ಸ್ವಲ್ಪ ಸರಿಹೊಂದಿಸುತ್ತದೆ ಪುಟ ಅಗತ್ಯವಿರುವ, ಆದ್ದರಿಂದ ತುಂಬಾ, ತುಂಬಾ ಪರಿಣಾಮಕಾರಿ. 

ಆದ್ದರಿಂದ ಮೂಲಭೂತವಾಗಿ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತದೆ ಬಂದ ನೀವು ಏನನ್ನಾದರೂ ಬದಲಾಯಿಸಲು, ಇದು ಮರು ನಿರೂಪಿಸಲು ವಾಸ್ತವವಾಗಿ ಪುಟ ಮಾಡುತ್ತೇವೆ. ನಾನು ಬೇಕು ಲೆಕ್ಕಾಚಾರ ಮಾಡುತ್ತೇವೆ ನಿಜವಾದ ಪುಟ ಯೋಚಿಸಲು ಬದಲಾಯಿಸಲು ವಾಸ್ತವ ಪುಟ, ಮತ್ತು ಇದು ಹಾಗೆ ಮಾಡುತ್ತೇವೆ. ವಾಸ್ತವ DOM ಇಲ್ಲಿದೆ. ಇದು ದೊಡ್ಡ ಒಂದಾಗಿದೆ ಲಕ್ಷಣಗಳನ್ನು ಪ್ರತಿಕ್ರಿಯೆ. 

ಎಂದು ಅರ್ಥ ಡಸ್? ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳು? ಹೌದು? 

ಪ್ರೇಕ್ಷಕರು: ಹೇಗೆ ಅಲ್ಲದ MVC ಇನ್ನೂ ಹೋಲಿಸಿ ನಾವು ಬಗ್ಗೆ ಮಾತನಾಡಿದರು ಮುಂತಾದ ಸಂಪನ್ಮೂಲಗಳು ಮೊದಲು. 

ನೀಲ್ ಮೆಹ್ತಾ: ಹೌದು, ಪ್ರಶ್ನೆ ಇದು ಅಲ್ಲದ MVC ಹೋಲಿಸಿ ಹೇಗೆ ಆಗಿದೆ? ನೀವು ಸಂಪನ್ಮೂಲಗಳನ್ನು ಬಗ್ಗೆ ಕೇಳಿದಾಗ. ಅಲ್ಲದೆ, ಇದನ್ನು ಕಾರ್ಯಗಳನ್ನು ಬಗ್ಗೆ ಮಾತನಾಡೋಣ. 

ಅಲ್ಲದ MVC, ನೀವು ಮಾದರಿ ನವೀಕರಿಸಲು ಬಯಸುವ. ಈ ಸಂದರ್ಭದಲ್ಲಿ ನಾವು ಒಂದು ಕಾರ್ಡ್ ಮಾದರಿ ಮಾಡಿದೆವು. ನೋಟ ಹೊಂದಿರುತ್ತದೆ ಫ್ಲಿಪ್ ಬಟನ್, ಮತ್ತು ನಿಯಂತ್ರಣ ಫ್ಲಿಪ್ ಕಾರ್ಯ ಹೊಂದಿರುತ್ತದೆ. ಆದ್ದರಿಂದ ವೀಕ್ಷಿಸಿ ಹೇಳಿ ನಿಯಂತ್ರಕ ಮಗುಚುವಿಕೆಯನ್ನು ಗೆ. ಫ್ಲಿಪ್ ಹೇಳಿ ಬದಲಾಯಿಸಲು ಮಾದರಿ, ಬಲ? 

ಆದ್ದರಿಂದ ನೀವು ಒಂದು ಅಲ್ಲದ MVC ನೀವು ಮಾಡಿದಾಗ ಮಾದರಿ ಬದಲಾಯಿಸಲು ಕೇಳಲು, ಮತ್ತು ನೀವು ಮತ್ತೆ ನಿರೂಪಿಸಲು ತಕ್ಕಂತೆ ವೀಕ್ಷಿಸಿ. ಅಥವಾ ನೀವು ಕೇವಲ ಮಾಡಬೇಕು ನಿಯಂತ್ರಕ. ನಂತರ ಮಾದರಿ ಬದಲಾಯಿಸಲು ನಿರೀಕ್ಷಿಸಿ, ಮತ್ತು ಆಯ್ಕೆ ಮತ್ತು ವಸ್ತುವಿನಂತೆ ಒಂದು ಭಾಗವಾಗಿ ಆಯ್ಕೆ ಬದಲಾಯಿಸಲು. ಇಲ್ಲಿ ನಾವು ಒಂದು ವಿಷಯ ಹೊಂದಿವೆ, ಆದರೆ ಒಂದು ದೊಡ್ಡ ಅಪ್ಲಿಕೇಶನ್ನಲ್ಲಿ, ನೀವು ಎಂಬುದನ್ನು ನೆನಪಿಡಿ ಮಾಡಬೇಕು ಪ್ರತಿಯೊಂದು ಸ್ಥಳದಲ್ಲಿ ಬದಲಾವಣೆ, ಆದ್ದರಿಂದ ಸ್ವಲ್ಪ ಕಿರಿಕಿರಿ ಉಂಟು ಮಾಡಿದೆ. ಮತ್ತು ಸಂತೋಷ ರಿಯಾಕ್ಟ್ ಇದು ಒಂದು ಛಾಯಾ DOM ಏಕೆಂದರೆ. ಇದು ಕೇವಲ ನಿರ್ವಹಿಸಬಲ್ಲ ಸಂಪೂರ್ಣ ವಿಷಯವನ್ನು ಮತ್ತೆ. ನೀವು ಆಯ್ದ ಇಲ್ಲ ಹಾಗೆ ನವೀಕರಿಸಲು ಎಂಬುದನ್ನು ಊಹೆ. 

ಫೇಸ್ಬುಕ್ ಮೇಲೆ ನೀವು ಇಷ್ಟಪಟ್ಟರೆ ಅಲ್ಲದ MVC, ಒಂದು ಹೊಸ ಸಂದೇಶವನ್ನು, ನೀವು ನೆನಪಿಡುವ ಮಾಡಿದೆವು ಸರಿ, ಬದಲಿಸಲು ಮೇಲಿರುವ ಪುಟ, ಸಂದೇಶವನ್ನು ಐಕಾನ್. ಸಹ ಕೆಳಭಾಗದಲ್ಲಿ ಹೊಸ ಕಿಟಕಿಯಲ್ಲಿ ಪಾಪ್. ಅದೇ ವಿಂಡೋದಲ್ಲಿ ಹೊಸ ವಿಷಯ. ಒಂದು ಧ್ವನಿ ಪ್ಲೇ. 

ವಸ್ತು ಸಂಗತಿಯೇ ಅದೇ ಸಮಯದಲ್ಲಿ ಹೊರ ಹೋಗುವ. ಮತ್ತು ನೀವು ಹಾಗೆ ಒಂದು ಛಾಯಾ DOM, ನೀವು ಬಯಸುವ ಎಂದು ಕೈಯಾರೆ ಏಕೆಂದರೆ ಮಾಡಬೇಕು ನೀವು ಇಡೀ ಪುಟದ ತೊಡೆದುಹಾಕಲು ಸಾಧ್ಯವಿಲ್ಲ. ನೀವು ಪಡೆಯಲು ಸಾಧ್ಯವಿಲ್ಲ, ಆದ್ದರಿಂದ ನೀವು ಕೈಯಾರೆ ಪ್ರತಿ ವಿಷಯ ಬದಲಾಯಿಸಲು, ಇದು ಅಲ್ಲದ MVC ನಿಜವಾಗಿಯೂ ಕಿರಿಕಿರಿ. 

ಆದ್ದರಿಂದ ಸಲುವಾಗಿ ಎಂದು ಪ್ರವರ್ಧಮಾನ, ಅವುಗಳು ಇದು ಪುಟ ಅಪ್ಡೇಟ್ ದಕ್ಷ, ಆದರೆ ಕಿರಿಕಿರಿ. ಏಕೆಂದರೆ ನೆರಳು ಪ್ರತಿಕ್ರಿಯೆ Dom, ನೀವು ಉಚಿತವಾಗಿ ಇಬ್ಬರೂ ಪಡೆಯಿರಿ. ಇದು ಪರಿಣಾಮಕಾರಿ ಏಕೆಂದರೆ ಛಾಯಾ ಡಾಮ್. ಅಡಚಣೆಯಿಂದ ಪುಟ ನವೀಕರಿಸುವುದಿಲ್ಲ. ಇದು ಮರದ ಕುಶಲ ಏನು ಅಲ್ಲ. ನೀವು ದಕ್ಷತೆ ಪಡೆಯಿರಿ. ನೀವು ಬಳಕೆಯ ಸುಲಭ ಏಕೆಂದರೆ ಪಡೆಯಲು ನೀವು ಇಡೀ ಪುಟ ಮತ್ತೆ ವೇಳೆ, ಆದರೆ ನೀವು, ಸರಿ, ವಿಷಯಗಳನ್ನು ತಿಳಿದುಕೊಳ್ಳಲು ಎಲ್ಲೋ ಪುಟದಲ್ಲಿ ಮುಂದುವರೆಸುತ್ತೇವೆ. ಇದು ಬೇರೆ ಸ್ಥಳದಲ್ಲಿ ಇರಬಹುದು, ಆದರೆ ಇದು ಬಲ, ಪುಟದಲ್ಲಿ ಎಂದು ವಿಶೇಷವೇನು? ಆದ್ದರಿಂದ ನೀವು ಮರು ನೀಡುವ ಇಡೀ ವಿಷಯ ವಾಸ್ತವವಾಗಿ, ಮತ್ತು ನೀವು ಒಂದೆರಡು ಮಾಡಲು ಇರಬಹುದು ಪುಟ ಸ್ವತಃ ಬದಲಾವಣೆಗಳನ್ನು. 

ಆದ್ದರಿಂದ, ಮತ್ತೆ, ಅಲ್ಲದ MVC ನೀವು ಆರಿಸಬೇಕಾಗುತ್ತದೆ ಬಳಕೆ ಮತ್ತು ದಕ್ಷತೆಯ ಸುಲಭವಾಗಿ ನಡುವೆ, ಮತ್ತು ನೀವು ಎರಡೂ ಪಡೆಯಲು, ಪ್ರತಿಕ್ರಿಯೆ. ಆದ್ದರಿಂದ ಉತ್ತಮ. ಅರ್ಥ? ಘನ. 

ಸರಿ, ಆದ್ದರಿಂದ ಅವರ ತಂದೆಯ ಮಾತನಾಡೋಣ ನೋಡೋಣ ಹಂತ 4 ಬಗ್ಗೆ ಸ್ವಲ್ಪ, ಹೇಗೆ ನಾವು ಘಟಕಗಳನ್ನು ಎಂಬೆಡ್ ಮಾಡಬಹುದು. ನಾವು ಈಗ ಈ ಹಕ್ಕಿದೆ. ನಾವು ನಮ್ಮ ತಂಪಾದ ಕಡಿಮೆ ಬಟನ್ ಹೊಂದಿವೆ. ನಾವು ಮತ್ತೆ ಮಿಡಿ ಮತ್ತು ಮುಂದಕ್ಕೆ, ಮತ್ತು ಅದು ಅಷ್ಟೆ. ನಾವು ಬಯಸುವ ಹೇಳುತ್ತಾರೆ ಮತ್ತೊಂದು ಅಂಶವನ್ನೂ. ನಮ್ಮ flashcard ಅಪ್ಲಿಕೇಶನ್ ಮಾಡಬೇಕು ಹೇಳುತ್ತಾರೆ ಎಲ್ಲಾ ಕಾರ್ಡುಗಳು ಪಟ್ಟಿಯನ್ನು ಹೊಂದಿರುತ್ತವೆ ನೀವು, ಆದ್ದರಿಂದ ನಾವು ಅರ್ಥ ಮತ್ತೊಂದು ಘಟಕ ಇರಬೇಕು. ಅಲ್ಲದೆ, ಬಹುಶಃ ಒಂದು ಪಟ್ಟಿಯನ್ನು ವೀಕ್ಷಿಸಿ ಕರೆ. ನ ಪಟ್ಟಿಯನ್ನು ವೀಕ್ಷಿಸಿ ಮಾಡೋಣ ಎಂದು CardView ದಂತಹ, ಮತ್ತು ಈ ಪಟ್ಟಿಯನ್ನು ವೀಕ್ಷಿಸಿ ಮತ್ತು CardView ಒಟ್ಟಿಗೆ ಕೆಲಸ ಬಯಸುವರು. ಮತ್ತು ನೀವು ಅವುಗಳನ್ನು ಒಂದುಗೂಡಿಸಬಹುದು ನೀವು ನಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಮಾಡಲು. 

ಮೊದಲು, ಒಂದು ಮಾಡೋಣ ಒಂದೆರಡು ಎಲೆಗಳನ್ನು ಬಲ. ಈಗ ಹೇಳಿ, ಏನು ಕಾರ್ಡ್? ಮತ್ತು ಕೇವಲ ಆದ್ದರಿಂದ ನಾನು ಹೊಂದಿಲ್ಲ ಇದು ಟೈಪ್ ಬೋರ್ ನೀವು ನಾನು ಇಲ್ಲಿ ಅದನ್ನು ನಕಲಿಸಿ ಪಡೆಯಲಿದ್ದೇನೆ. ಮತ್ತು ಆದ್ದರಿಂದ ನಾನು ಹೋಗುವ ಬಾಗುತ್ತೇನೆ ಇದು ಕೇವಲ ಒಂದು ಕಾರ್ಡ್ ನೀಡಲು. ನಾನು ಕಾರ್ಡ್ ಒಂದು ಶ್ರೇಣಿಯನ್ನು ನೀಡಲು ಪಡೆಯಲಿದ್ದೇನೆ. ಆದ್ದರಿಂದ ಮೊದಲ ಅಪ್ಲಿಕೇಶನ್ಗಳು ಈಗ ಮುರಿಯಲು ಹೋಗುವ. ಸರಿ, ನಾವು ಮಾಡಲು ನೀನು ಈ ಸಾಧ್ಯವಾಗುತ್ತದೆ ಅನೇಕ ಕಾರ್ಡ್ ನಿರ್ವಹಿಸಲು. ಆದ್ದರಿಂದ ಮೊದಲ, ನಾವು, ಇದು ನೀಡಲು ಅಲ್ಲ ನೀನು ಕೇವಲ ಒಂದು ಕಾರ್ಡ್ ಆದರೆ ಕಾರ್ಡ್ ಒಂದು ಶ್ರೇಣಿಯನ್ನು, ಕಾರ್ಡುಗಳು ಪಟ್ಟಿಯನ್ನು ನಂತಹ. ಮತ್ತು ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನಾವು ಅವುಗಳಲ್ಲಿ ಮೂರು ಹೊಂದಿವೆ. 

ಸರಿ, ಅಪ್ಲಿಕೇಶನ್ ಆದ್ದರಿಂದ ಪಟ್ಟಿಯನ್ನು ಕಾರ್ಡ್ ಪಡೆಯಲು ಹೋಗುವ, ಮತ್ತು ನಿರ್ಧರಿಸಲು ವಿಶೇಷವೇನು ಇದು ಒಂದು CardView ತೋರಿಸಲು. CardView ಮಾತ್ರ ಒಂದು ಕಾರ್ಡ್, ಆದರೆ ಅಪ್ಲಿಕೇಶನ್ ನಿರೂಪಿಸಲು ಬಲ, ಎಲ್ಲಾ ಕಾರ್ಡುಗಳು ಪಟ್ಟಿಯನ್ನು ಪಡೆಯುತ್ತದೆ? 

ಆದ್ದರಿಂದ ನೀವು ಒಂದು ಔಟ್ ಲೆಕ್ಕಾಚಾರ ಮಾಡಿದಾಗ ಕಾರ್ಡ್, CardView ನೀಡಲು ನೀವು ಸಾಧ್ಯವಾಗುತ್ತದೆ ಊಹಿಸುತ್ತಾರೆ ಹೇಗೆ ನಿರ್ಧಾರ ಇದು ಕಾರ್ಡ್ ಬಗ್ಗೆ ತೋರಿಸಲು? ನೀವು ಒಂದು ಸುಳಿವನ್ನು ನೀಡುತ್ತದೆ, ಇದು ತಾತ್ಕಾಲಿಕವಾಗಿ ಇಲ್ಲಿದೆ ನೀವು ಕೆಲವು ಕಾರ್ಡ್ ನೋಡುವ ಮಾಡುತ್ತೇವೆ. ನೀವು ಪುಟ ರಿಫ್ರೆಶ್ ವೇಳೆ, ನೀವು ಮಾಡುತ್ತೇವೆ ಮತ್ತೆ ಮೊದಲ ಕಾರ್ಡ್ ಹೋಗಿ. ಇದು ತಾತ್ಕಾಲಿಕ ಏಕೆಂದರೆ ಒಕೆ. ನಾವು ಏನು ತಂತ್ರ ಬಳಸಬಹುದು? 

ಪ್ರೇಕ್ಷಕರು: ನೀವು ಒಂದು ವೇರಿಯೇಬಲ್ ಮಾಡುವನು ಆದ್ದರಿಂದ ನೀವು ಮುಂದೆ ಹೊಂದಿತ್ತು ಹಾಗೆ. ಈ ಸತ್ಯ, ನೀವು ಸಾಧ್ಯವೋ ಪ್ರಸ್ತುತ ಕಾರ್ಡ್ 1 ಸಮನಾಗಿರುತ್ತದೆ? 

ನೀಲ್ ಮೆಹ್ತಾ: ಹೌದು, ನಾವು ಬಲ, ರಾಜ್ಯದ ಬೇಕು? ನೀವು ರಾಜ್ಯದ ಬಳಸಬಹುದು ಘಟಕ ಲೆಕ್ಕಾಚಾರ ಇದು ಕಾರ್ಡ್ ನಾವು ಪಡೆಯಲು ಬಯಸುತ್ತೀರಿ. ಲೈಕ್ ನಾವು ಪಟ್ಟಿಯನ್ನು ಹೊಂದಿರುತ್ತವೆ ಎಲ್ಲಾ ಕಾರ್ಡ್, ನಾವು ಮಾಡುತ್ತೇವೆ ಲೆಕ್ಕಾಚಾರ ರಾಜ್ಯದ ಬಳಸಲು ಮೊದಲ ಕಾರ್ಡ್ ಒಂದು ಎರಡನೇ ಕಾರ್ಡ್, ಮೂರನೇ ಕಾರ್ಡ್, ಮತ್ತು. 

ಆದ್ದರಿಂದ ಅಪ್ಲಿಕೇಶನ್ ಆದ್ದರಿಂದ ಅಪ್ಲಿಕೇಶನ್ ಒಂದು ಪಡೆಯುತ್ತಾನೆ , getInitialState ಫಂಕ್ಷನ್ getInitialState ಫಂಕ್ಷನ್. ಮತ್ತು ನಾವು activeIndex 0 ಹೇಳುತ್ತೇನೆ. ಈಗ ನಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಅದು ಆದ ರಾಜ್ಯದ ಹೊಂದಿದೆ. 

ಆದ್ದರಿಂದ ಈಗ ಲೆಕ್ಕಾಚಾರ, ನಿರೂಪಿಸಲು ಒಂದು ಕಾರ್ಡ್, ಕೇವಲ ಶ್ರೇಣಿಯನ್ನು ತೆರಳುತ್ತದೆ ಮತ್ತು ಎಂದು ಇಂಡೆಕ್ಸ್ನಲ್ಲಿ ವಿಷಯ ದೋಚಿದ. ಆಯ್ಕೆಮಾಡಿ ಕಾರ್ಡ್ ಸಮಾನ this.props.cards this.state.activeIndex. ನೀವು ಇಲ್ಲಿ ನೋಡಬಹುದು ಎಂದು ಆದ್ದರಿಂದ, ರಂಗಪರಿಕರಗಳು ಮತ್ತು ರಾಜ್ಯದ ವಾಸ್ತವವಾಗಿ ಒಟ್ಟಿಗೆ ಕೆಲಸ. ಈಗ ನಾವು ನಮ್ಮ activeCard ಎಂದು, ನಾವು, ಇದು activeCard ಕರೆ ಮಾಡುತ್ತೇವೆ ಮತ್ತು ಈ ಕೆಲಸ ಎಂದು ನೋಡೋಣ. [ಕೇಳಿಸುವುದಿಲ್ಲ] 

ಓಹ್, ಒಂದು ಪಠ್ಯ ತಪ್ಪು. ಆಹ್. 

ಕೂಲ್, ಹೌದು, ಈಗ ನಾವು ಮತ್ತೆ ನಾವು ಮೊದಲು ಅಲ್ಲಿ, ಬಲಕ್ಕೆ? ಹೊರತುಪಡಿಸಿ ಅದೇ ಹಳೆಯ ಪ್ರೋಗ್ರಾಂ ಈಗ ನಾವು ಬೆಂಬಲಿಸುತ್ತದೆ ಕಾರ್ಡುಗಳು ಪಟ್ಟಿಯನ್ನು, ಕೇವಲ ಒಂದು ಕಾರ್ಡ್. ಈಗ, ಮತ್ತೆ, ನಾವು ಬದಲಾಯಿಸಿದರೆ activeIndex, ನಾವು, 1 0 ಹೋಗಬಹುದು ಮತ್ತು ಈಗ ಎರಡನೇ ಕಾರ್ಡ್, ತದನಂತರ ನಾವು 0 ಹೋದರು. ಇಲ್ಲಿ ಹೊಸ ಇಲ್ಲಿದೆ souped ಅಪ್ ನಮ್ಮ ಆವೃತ್ತಿ. 

ಸರಿ, ಈಗ ಒಂದು ಪಟ್ಟಿಯನ್ನು ವೀಕ್ಷಿಸಿ ಹೊಂದಿರುತ್ತವೆ ಅವಕಾಶ ನಿಮ್ಮ ಕಾರ್ಯಕ್ರಮದಲ್ಲಿ ಎಲ್ಲಾ ಕಾರ್ಡ್ ತೋರಿಸುತ್ತದೆ ಆದ್ದರಿಂದ ನಾವು ಹೊಸ ಮಾಡಿಕೊಳ್ಳುವಿರಿ ಘಟಕ listview ಕರೆಯಲಾಗುತ್ತದೆ. Listview react.createClass ಸಮನಾಗಿರುತ್ತದೆ ಲೆಟ್. ನಾವು ಒಂದು unordered ನಿರೂಪಿಸಲು ಬಯಸುವ ಪ್ರತಿ ಕಾರ್ಡ್ ಒಂದು ಪಟ್ಟಿ ಐಟಂ ಪಟ್ಟಿ. ಮತ್ತು ಆದ್ದರಿಂದ ನಾವು ಕಾರ್ಡ್ ಒಂದು ಗುಂಪೇ. ನಾವು ಒಂದು ಪಟ್ಟಿ ಐಟಂ ಬಯಸುವ ಪ್ರತಿ ಕಾರ್ಡಿಗೆ, ಬಲ? ನಾವು ಲೂಪ್ ಒಂದು ಮಾಡಬಹುದಾದ ಅಥವಾ ಏನೋ ಹೊಸ ಪಟ್ಟಿ ಐಟಂ ಮಾಡಲು. ಆದರೆ ದಾರಿಯಲ್ಲಿ ನೀವು ಇದನ್ನು ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತವೆ, ನಕ್ಷೆ ಎಂಬ ವಿಷಯ ಬಳಸಲು. ನಕ್ಷೆ ಸಾಧನವಾಗಿ ಅಥವಾ ನೀವು ಬಳಸಲು ಕ್ರಿಯೆಯಾಗಿದೆ ಪ್ರತಿ ಐಟಂಗೆ, ಕೆಲವು ಕಾರ್ಯ ಸಾಗುತ್ತದೆ, ಮರಳುವ ಮೌಲ್ಯವನ್ನು ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ, ಮತ್ತು ನೀವು ಮರಳಿ ನೀಡುತ್ತದೆ. 

ಉದಾಹರಣೆಯಾಗಿ, ನಾವು ಸರಣಿ ಆದ್ದರಿಂದ 1, 2, 3.map ಕಾರ್ಯ ಮತ್ತು ಈ ಒಂದು ಸಂಕ್ಷಿಪ್ತ ಇದೆ ಕಾರ್ಯ ಎಕ್ಸ್ ಬಾಣದ X ಬಾರಿ X. ಈ ಪ್ರತಿ ಸಂಖ್ಯೆಯ ಹೇಳುತ್ತಾರೆ 1, 2, 3, ಇದು ತೆಗೆದುಕೊಳ್ಳುವ. ಇದು ಚೌಕ ಮತ್ತು ಇದು ಮತ್ತೆ ನೀಡಿ. ಆದ್ದರಿಂದ ನೀವು 1 ಅನಿಸಿಕೆಯೇನು, 2, 3.map ಎಕ್ಸ್ ಎಕ್ಸ್ ಬಾರಿ ಹೋಗುತ್ತದೆ x ನೀವು ಮರಳಿ ನೀಡಲಾಯಿತು ನೀಡುತ್ತದೆ ಈ ಕಾರ್ಯ ಎಂದು ಆ ರಚನೆಯ ಪ್ರತಿ ಅಂಶ ಚಲಿಸುತ್ತವೆ. 

ಪ್ರೇಕ್ಷಕರು: 1, 4 9? 

ನೀಲ್ ಮೆಹ್ತಾ: ಹೌದು, 1, 4, 9 1 x 1 ಕಾರಣ. ನೀವು ಒಂದು ನೀಡುತ್ತದೆ. ಮೊದಲ ಅಂಶ ಇಲ್ಲಿದೆ. 

2 x 2 = 4. ಎಂಬುದು ಎರಡನೇ ಅಂಶವಾಗಿದೆ. 3 ಬಾರಿ 3 9. ಒಂದು ಮೂರನೇ ಅಂಶ ಹೊಂದಿದೆ. ಅರ್ಥ? ಆದ್ದರಿಂದ ನಕ್ಷೆ ಒಂದು ತಂತ್ರ ಹೊಂದಿದೆ ಕ್ರಿಯಾತ್ಮಕ ಪ್ರೋಗ್ರಾಮರ್ಗಳು ಬಳಸಲು, ಹೊಸ ಶೈಲಿ ಏನಾದರೂ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ನಿಮ್ಮ ಪಟ್ಟಿಯಲ್ಲಿ ಪ್ರತಿ ಅಂಶ. ಆದ್ದರಿಂದ ಈ ಪರಿಚಿತ ಎಂಬುದು. ನಾವು ಕಾರ್ಡುಗಳು ಪಟ್ಟಿಯನ್ನು ಹೊಂದಿವೆ. ನಾವು ಪ್ರತಿ ಒಂದು ಪಟ್ಟಿ ಐಟಂ ಸಿಗತ್ತೆ ಒಂದು, ನಾವು ಇಲ್ಲಿ ನಕ್ಷೆ ಬಳಸಿ. ನಾವು ಪಟ್ಟಿ ಸಮ ಅವಕಾಶ ಹೇಳುತ್ತೇನೆ this.props, ಕಾರ್ಡ್, ನಕ್ಷೆ. 

ಮತ್ತು ಆದ್ದರಿಂದ ನಾವು ಆರ್, ಒಂದು ಕಾರ್ಡ್ ನೀಡಲಾಗುವುದು ಪಟ್ಟಿಯನ್ನು ಐಟಂ ಸೃಷ್ಟಿಸಲು ಹೋಗಿ ಇದು ಆ ಕಾರ್ಡ್ ವಿಷಯಗಳನ್ನೂ ಬದಿಯಲ್ಲಿ. ಕೇವಲ ನಾವು ಔಟ್ ನೀಡಲು ಬಯಸುವ ಹೇಳುತ್ತಾರೆ ಇಸ್ಪೀಟೆಲೆಗಳನ್ನು card.question ಪ್ರಶ್ನೆ. ಆದ್ದರಿಂದ ಈ ಪಟ್ಟಿಯನ್ನು ಹೊಂದಿದೆ ಒಂದು ಲಿ ನ ಅಥವಾ ಪಟ್ಟಿ ಐಟಂಗಳು ಶ್ರೇಣಿಯನ್ನು ಅಲ್ಲಿ ಒಂದು ಪಟ್ಟಿ ಇಲ್ಲ ಪ್ರತಿ ಕಾರ್ಡಿಗೆ ಐಟಂ ಮತ್ತು ಕಾರ್ಡ್ ಪ್ರಶ್ನೆ ಹೊಂದಿದೆ. ಅರ್ಥ? 

ಕೂಲ್, ಆದ್ದರಿಂದ ಈಗ ನೋಡೋಣ ವಾಸ್ತವವಾಗಿ ಎಂದು ಮುದ್ರಿಸುತ್ತದೆ. ನಾವು ಒಂದು ಉಲ್ ಹಿಂತಿರುಗುವುದು. ಎಂದು unordered ಪಟ್ಟಿ ಒಳಗೆ, ನಾವು ಸಂಪೂರ್ಣ ಪಟ್ಟಿ ಅಂಟಿಕೊಳ್ಳುವುದಿಲ್ಲ ಮಾಡುತ್ತೇವೆ ಅವರು ನಮಗೆ ನೀಡಿದ. ಕೂಲ್. 

ಸರಿ, ಈಗ ಈ ಪಟ್ಟಿ ವೀಕ್ಷಣೆ ಕೇವಲ ಹೇಗೆ ಕೆಲಸ. ಪಟ್ಟಿ ವೀಕ್ಷಣೆ ಬಗ್ಗೆ ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳನ್ನು? ನೀವು ಕಾರ್ಡ್ ಒಂದು ಗುಂಪೇ. ನೀವು ಪ್ರತಿ ಕಾರ್ಡಿಗೆ ಪಟ್ಟಿಯನ್ನು ಐಟಂ ಮಾಡಲು. ಮತ್ತು ನೀವು ಒಂದು unordered ಒಳಗೆ ಇರಿಸಿ ಪಟ್ಟಿ, ಮತ್ತು ನೀವು ಅದನ್ನು ಮತ್ತೆ ನೀಡಿ. ಈಗ ನಾವು ಎಂಬೆಡ್ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಅವಕಾಶ ನಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ ಈ ಒಳಗೆ, ಆದ್ದರಿಂದ ನಾವು, ಪಟ್ಟಿ ವೀಕ್ಷಣೆ ಈ ಮಾಡಬಹುದು. ಏನು ವಾದ ನಾವು ಪಟ್ಟಿ ವೀಕ್ಷಣೆಗೆ ಪಾಸ್ ಇಲ್ಲ? ಏನು ಗುಣಗಳನ್ನು ನಾವು ನೀಡಲು ಇಲ್ಲ? ನೀವು ಕೊಟ್ಟರೆ ನೆನಪಿಡಿ ಇದು ಕಾರ್ಡ್, ಒಂದು ಗುಂಪನ್ನು ಇದು ಪಟ್ಟಿಯಲ್ಲಿ ಮಾಡಿಕೊಳ್ಳುವಿರಿ ಆ ಕಾರ್ಡನ್ನು ವೀಕ್ಷಿಸಲು. ನಾವು ಏನು ಹೋಗಬಹುದು ಇಲ್ಲಿ ವಾದ? ಪ್ರೇಕ್ಷಕರು: ಕಾರ್ಡುಗಳು ಪಟ್ಟಿಯನ್ನು? ನೀಲ್ ಮೆಹ್ತಾ: ಹೌದು, ಇಸ್ಪೀಟೆಲೆಗಳನ್ನು ಬಲ, this.props.cards ಸಮ? ಆದ್ದರಿಂದ ಕೇವಲ ಸಮಸ್ಯೆ ನೀವು ಮಾತ್ರ ಮಾಡಬಹುದು ಆಗಿದೆ ನಿರೂಪಿಸಲು ಒಂದು ಉನ್ನತ ಮಟ್ಟದ ಅಂಶ ತಿರುಗಿ ಆದ್ದರಿಂದ ನೀವು DIV ಅದನ್ನು ಕಟ್ಟಲು ಮಾಡಲೇಬೇಕು. ಇದು ವಿಲಕ್ಷಣ ಇಲ್ಲಿದೆ. ಇದರಿಂದ ಆ ವೇಳೆ ನೋಡೋಣ. ಆ ಕೆಲಸ ಮಾಡುತ್ತದೆ? 

ಹೌದು, ನೀವು ಹೋಗಿ. ಈಗ ನಾವು ಪಟ್ಟಿಯನ್ನು ಹೊಂದಿರುತ್ತವೆ ಕೆಳಭಾಗದಲ್ಲಿ ಕಾರ್ಡ್, ತದನಂತರ ನಮ್ಮ ಹೊಂದಿವೆ ಮೇಲೆ ಸ್ವತಃ CardView, ನಡುವಣ ಮಿಡಿ ಕಾಣಿಸುತ್ತದೆ ಕಾರ್ಡ್ ಎರಡು ಕಡೆ. ಈಗ ನಾನು ಮಾಡಿದರು ಹೇಗೆ ಎಂದು ಅರ್ಥ ಏನು? ಹೌದು, ಆದ್ದರಿಂದ ಮತ್ತೆ, ನಾವು ಎರಡು ಘಟಕಗಳನ್ನು ಹೊಂದಿವೆ. ಮೊದಲ ಘಟಕ ಮುದ್ರಿತ ಔಟ್ ಪಟ್ಟಿಯಲ್ಲಿ ಪ್ರತಿ ಕಾರ್ಡ್. ಆ ಪಟ್ಟಿಯಲ್ಲಿ ನೋಟ ಇಲ್ಲಿದೆ. ಮತ್ತು ಎರಡನೇ ಘಟಕ ಕೇವಲ ಕಾರ್ಡ್ ಔಟ್ ಮುದ್ರಿಸುತ್ತದೆ. ನೀವು ಒಂದು ನಿರ್ದಿಷ್ಟ ಕಾರ್ಡ್ ನೀಡಲು, ಅದನ್ನು ಮಾಡುತ್ತೇವೆ ಕಾರ್ಡ್ ಬಗ್ಗೆ ಮಾಹಿತಿ ಮುದ್ರಿಸುತ್ತದೆ ಮತ್ತು ನೀವು ಹಿಂದಕ್ಕೆ ಮತ್ತು ಮುಂದಕ್ಕೆ ಮಿಡಿ ಅವಕಾಶ. 

ನಾವು ಬಯಸಿದರೆ, ನಾವು ಪ್ರಯತ್ನಿಸಿ ಮತ್ತು ಮಾತನಾಡಬಹುದು ಆದ್ದರಿಂದ ಈ ಕೆಲವು ಹೊಸ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಸೇರಿಸಿ ಬಗ್ಗೆ. ಇಲ್ಲದಿದ್ದರೆ ನಾವು ಒಂದು ಸ್ವಲ್ಪ ಮಾತನಾಡೋಣ ರಿಯಾಕ್ಟರ್ ವೇಗದ ಬಗ್ಗೆ, ಅಥವಾ ನಾವು ಉತ್ತರ ಪ್ರಶ್ನೆಗಳನ್ನು ನೀವು ಹೊಂದಿರಬಹುದು ಈ ಕಾರಣ ಕೋರ್ ಭಾಗಗಳಲ್ಲಿ ಎಲ್ಲಾ ನಾನು ಬಗ್ಗೆ ಮಾತನಾಡಲು ಬಯಸುವ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತದೆ. ನಾವು ಮುಂದಕ್ಕೆ ಹೋಗಬಹುದು. ನಾವು ಪ್ರಶ್ನೆಗಳನ್ನು ಉತ್ತರಿಸಬಹುದು. ನೀವು ಬಯಸುವ ಯಾವುದೇ. 

ಪ್ರೇಕ್ಷಕರು: ನೀವು ಬಳಸಬಹುದು ಸಾಮಾನ್ಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ JSX? ಅಥವಾ ವಿಷಯ ಎಂದು [ಕೇಳಿಸುವುದಿಲ್ಲ] ಬಂದಿತು? 

ನೀಲ್ ಮೆಹ್ತಾ: ಪ್ರಶ್ನೆ ಮಾಡಬಹುದು ನೀವು ಸಾಮಾನ್ಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ JSX ಬಳಸಲು? ಉತ್ತರ ಹೌದು. JSX ಅದನ್ನು ಒಂದು ರೀತಿಯಲ್ಲಿ ನಿಮ್ಮ ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ ಅದರ ಒಳಗೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ಹೊಂದಿರುವ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಒಳಗೆ ಸಂಗ್ರಹಿಸುತ್ತಾ ಅದರ ಒಳಗೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ಹೊಂದಿಲ್ಲ. ಆದ್ದರಿಂದ ಇಲ್ಲಿ ಗಮನಿಸಿ ಆ ಗಮನಿಸಿ. ನೀವು DIV ರೀತಿಯ ಹೊಂದಿವೆ ರೀತಿ ಕಾಣುತ್ತದೆ ಮತ್ತು ನೀವು ಅದರ ಒಳಗೆ ವಿಷಯವನ್ನು ಹೊಂದಿಲ್ಲ. 

ಆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಗೆ ಸಂಗ್ರಹಿಸುತ್ತಾ ಹಾಗೆ ಒಂದೇ ಉತ್ಪಾದಿಸುತ್ತದೆ. ನಾನು ನಾನು ಹೇಳುವ ನಾನು ಎಂಬುದು ಊಹೆ ಇದು ಆದಂತೆ JSX, ಕೇವಲ ಒಂದು ವಾಕ್ಯರಚನೆಯ ಆಗಿದೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಒಂದು ಪ್ರಿಪ್ರೊಸೆಸರ್ ಹೆಚ್ಚು ಪಿಎಚ್ಪಿ ಹಾಗೆ ಎಚ್ಟಿಎಮ್ಎಲ್ ಒಂದು ಪ್ರಿಪ್ರೊಸೆಸರ್ ಆಗಿದೆ. JSC ಒಂದು ಪ್ರಿಪ್ರೊಸೆಸರ್ ಆಗಿದೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆ ಅನುಮತಿಸುತ್ತದೆ ನಿಮ್ಮ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಒಳಗೆ HTML ಹಾಕಲು. ಆದ್ದರಿಂದ ನೀವು ಬಲ ಟ್ರಾನ್ಸ್ಫಾರ್ಮರ್ ಹೊಂದಿದ್ದರೆ ಇದು [ಕೇಳಿಸುವುದಿಲ್ಲ] ಎಂಬ ವಿಷಯ, ಇದು ಪರಿವರ್ತಿಸುತ್ತದೆ. ಬಲ ಪ್ರಿಪ್ರೊಸೆಸರ್, ಇದು ನೀವು ಹಾಗೆ ತಿಳಿಸುತ್ತೇವೆ. 

ಪ್ರೇಕ್ಷಕರು: [ಕೇಳಿಸುವುದಿಲ್ಲ] ನೀಲ್ ಮೆಹ್ತಾ ಸಾಮಾನ್ಯವಾಗಿ ನೀವು ಮಾಡಬೇಕಿಲ್ಲ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಒಳಗೆ HTML ಹಾಕಲು ನಿಮ್ಮ ಮಾಡುವ ಹೊರತು ಪ್ರತಿಕ್ರಿಯೆ. ಆದರೆ ನೀವು ಇದನ್ನು ಮಾಡಬಹುದು. ಹೌದು? 

ಪ್ರೇಕ್ಷಕರು: ನಾನು ಭಾವಿಸುತ್ತೇನೆ ರಿಯಾಕ್ಟ್ ವಿವರಿಸಿದ್ದ ಒಂದು ಕ್ರಿಯಾತ್ಮಕ ಕಾರ್ಯಕ್ರಮಗಳನ್ನು ಭಾಷೆಯಾಗಿ. ನಾವು CS50 ರಲ್ಲಿ ಸಿ ಕಲಿಕೆಯ ಬಂದಿದೆ. ಸಿ ಒಂದು ಕ್ರಿಯಾತ್ಮಕ ಭಾಷೆ ಇದೆ? ನೀಲ್ ಮೆಹ್ತಾ: ಆದ್ದರಿಂದ ಪ್ರಶ್ನೆ ಕ್ರಿಯಾತ್ಮಕ ಬಗ್ಗೆ ಎಂಬ ಮತ್ತೊಂದು ವಿಷಯ ವಿರುದ್ಧ ಕಡ್ಡಾಯವಾಗಿದೆ ಅಥವಾ ಕ್ರಮವಿಧಿ. ಜನಪ್ರಿಯ ಕಾರ್ಯಕ್ರಮಗಳನ್ನು ಎರಡು ರೀತಿಯ ಇಲ್ಲ. ಒಂದು, ಕಾರ್ಯವಿಧಾನದ ಕರೆಯಲಾಗುತ್ತದೆ ಇದು , ಎಲ್ಲಾ ಮಾಡುವುದರಿಂದ ಆಜ್ಞೆಗಳನ್ನು ರೀತಿಯ ಬಗ್ಗೆ ಮತ್ತು ಒಂದು ಎಲ್ಲಾ ಆಗಿದೆ, ಕ್ರಿಯಾತ್ಮಕ ಕ್ರಿಯೆಗಳನ್ನು ಪಡೆಯುವುದು ಮತ್ತು ಬಗ್ಗೆ ಇನ್ಪುಟ್ ಮತ್ತು ಆ ಔಟ್ಪುಟ್. ಪ್ರತಿಕ್ರಿಯೆ ಒಂದು ಕ್ರಿಯಾತ್ಮಕ ನಿದರ್ಶನದ ಆಗಿದೆ. ಸಿ ಬಹಳ ಕಾರ್ಯವಿಧಾನದ ಮಾದರಿ ಆಗಿದೆ. 

ಮತ್ತು ಉದಾಹರಣೆಯಾಗಿ, ಉದಾಹರಣೆಗೆ ಸಿ, ಈ ಘೋಷಣಾತ್ಮಕ ರೀತಿಯಲ್ಲಿ ಮಾಡಬೇಡಿ ಪ್ರೋಗ್ರಾಂ ಮಾಡುವ, ಬಲ? ನೀವೇ ಹೇಳಬೇಕು, ಈ ಮುದ್ರಿಸಲು. ಈ ವಿನ್ಯಾಸ ಬದಲಾಯಿಸಿ. ಈ ಮುದ್ರಿಸಿ. ಇದು ಎಲ್ಲಾ ಆಜ್ಞೆಗಳನ್ನು ಬಗ್ಗೆ. 

ರಿಯಾಕ್ಟ್ ರಲ್ಲಿ ಇಲ್ಲ ಅನೇಕ ಆಜ್ಞೆಗಳನ್ನು. ಇದು ಬಗ್ಗೆ ಅಷ್ಟೆ ಘಟಕಗಳನ್ನು ನೀವು ಒಟ್ಟಾಗಿ. ಅವರು ಕಾರ್ಯಗಳನ್ನು ರೀತಿಯ ಆರ್. ನೀವು ಕಾರ್ಯ ಹೊಂದಿವೆ CardView ಕರೆದು ಒಂದು ಕ್ರಿಯೆಯಾಗಿದೆ ಎಂದು, ಇನ್ಪುಟ್, ಫಲಿತಾಂಶಗಳನ್ನು ಹೊಂದಿದೆ ಹೀಗೆ ರಿಯಾಕ್ಟ್ ಎಲ್ಲಾ ಈ ಬಗೆಗಿನ ನೀವು ಡೇಟಾ having-- ನಮಗೆ. ಈ ಮೂಲಕ ಹಾದುಹೋಗುತ್ತವೆ ಕ್ರಮಾವಳಿ ಮತ್ತು ಮಾಡುತ್ತೇವೆ ಔಟ್ಪುಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್ ನೀವು ಕೇವಲ ಪುಟ ಮುದ್ರಿತ, ಮತ್ತು ಆದ್ದರಿಂದ ನೀವು ಮಾಡಬೇಕು ಇದು ಪೀಸ್ ಬೈ ಪೀಸ್ ನಿರ್ಮಿಸಲು. 

ಆದ್ದರಿಂದ ಒಂದು ರೂಪಕ ಸೆಳೆಯಲು ಏನು ನಾನು ಮೊದಲು ಹೇಳಿದ, ನೀವು ಹೇಗೆ ಗೊತ್ತು ಫೇಸ್ಬುಕ್ ಮೇಲೆ ನೀವು ಸಂದೇಶವನ್ನು ವೇಳೆ ಮತ್ತು ನೀವು ನವೀಕರಿಸಲು ಎಂಬುದನ್ನು ಭಾಗಗಳು ಆಯ್ಕೆ, ಕಾರ್ಯವಿಧಾನದ ಇಲ್ಲಿದೆ. ಅದು ಸರಿ, ಅನಿವಾರ್ಯವಾಗಿದೆ? ಸರಿ, ನಾನು ಒಂದು ಸಂದೇಶವನ್ನು ಸಿಕ್ಕಿತು. ಅಲ್ಲಿ ಖಾತೆಯನ್ನು ಬದಲಾಯಿಸಲು ಅವಕಾಶ. 

ನ ಇಲ್ಲಿ ಒಂದು ವಿಂಡೋ ಪಾಪ್ ಅವಕಾಶ. ಅಲ್ಲಿ ಖಾತೆಯನ್ನು ಬದಲಾಯಿಸಲು ಅವಕಾಶ. ಇಲ್ಲಿ ಈ ರಚಿಸೋಣ. ಒಂದು ಕಾರ್ಯವಿಧಾನದ ದೃಷ್ಟಿಕೋನ. 

ಆ, ಕೋನೀಯ ಯಾವ ವಸ್ತುಗಳನ್ನು ಇಲ್ಲಿದೆ ಬೂಸ್ಟ್ ಬ್ಯಾಕ್ಬೋನ್, ಇತರ ಚೌಕಟ್ಟುಗಳ ಬಳಸಲು. ಪ್ರತಿಕ್ರಿಯೆ ಕ್ರಿಯಾತ್ಮಕ ಆಗಿದೆ. ಇದು ವಿಭಿನ್ನ ರೀತಿಯಲ್ಲಿ ಇಲ್ಲಿದೆ ಆಫ್ ವಿಷಯಗಳ ಬಗ್ಗೆ ಆಲೋಚನೆ. ಇದು ಅವಕಾಶ ಈ ವಿಚಾರ ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ ಕಾರ್ಯಗಳನ್ನು ಅಥವಾ ನೀವು ಕ್ರಮಾವಳಿಗಳು ಇದು ಮಾಹಿತಿ ನೀಡುತ್ತದೆ. ಇದನ್ನು ಭೂಶಿರ ಮಾಡುತ್ತೇವೆ ಅದರ ಕಂಪ್ಯೂಟರ್ ಇರಬೇಕಾಗುತ್ತದೆ ಔಟ್ ತೂಕದ ಆರೈಕೆಯನ್ನು ಕಾಣಿಸುತ್ತದೆ. ನೀವು ನಿಮ್ಮ ನಿರ್ವಹಿಸಲು ಇಲ್ಲ. ಆ ಅರ್ಥದಲ್ಲಿ ಸ್ವಲ್ಪ ಡಸ್? ಹೌದು? 

ಪ್ರೇಕ್ಷಕರು: ಒಂದು ಕ್ರಿಯಾತ್ಮಕ ಭಾಷೆಯಲ್ಲಿ, ಎಲ್ಲವೂ ಏಕಕಾಲದಲ್ಲಿ ನಡೆಯುತ್ತದೆ? 

ನೀಲ್ ಮೆಹ್ತಾ: ಇಲ್ಲ, ವಿಷಯಗಳನ್ನು ಸಲುವಾಗಿ ಸಂಭವಿಸಬಹುದು. ಇಲ್ಲಿ ಲೈಕ್ ಇನ್ನೂ ಇಲ್ಲ ಆದೇಶ, ಆದರೆ ಅದು ಹಾಗೆ ಮಾಡುವುದಿಲ್ಲ ಹಾಗೆ ಸಲುವಾಗಿ ಸಂಭವಿಸಿ ಆಜ್ಞಾ, ಆಜ್ಞೆಯನ್ನು ಅರ್ಪಿಸುತ್ತೇನೆ. ಅದರ ಸಲುವಾಗಿ ನಡೆಯುತ್ತದೆ ಕಾರ್ಯ ಔಟ್ಪುಟ್ ನೀಡುತ್ತದೆ. ಮತ್ತೊಂದು ಕ್ರಿಯೆ ಎಂದು ಹಾಕಿ. ಮತ್ತೊಂದು ಇರಿಸಲು ಕಾರ್ಯ, ಮತ್ತೊಂದು ಕ್ರಿಯೆ. 

ನೀವು CS51 ಮಾಡಿದರೆ, ನೀವು ಮಾಡುತ್ತೇವೆ ಕ್ರಿಯಾತ್ಮಕ ಕಾರ್ಯಕ್ರಮಗಳನ್ನು ತಿಳಿಯಲು ಈ ವ್ಯಾಪ್ತಿ ಸ್ವಲ್ಪ ಔಟ್. ಆದರೆ ಮೂಲಭೂತವಾಗಿ, ಮಾಡುತ್ತದೆ ಪ್ರತಿಕ್ರಿಯೆ ತಂಪಾದ ಮಾತ್ರವಲ್ಲ ಒಂದು ರೀತಿಯಲ್ಲಿ ಮಾಹಿತಿ ಹರಿವಿನ ಮತ್ತು ವಾಸ್ತವ Dom, ಆದರೆ ಈ ಕಲ್ಪನೆ ಕಾರ್ಯಕಾರಿ ಕ್ರಮವಿಧಿ. ಮತ್ತು ಕಾರ್ಯಕಾರಿ ಕ್ರಮವಿಧಿ ಬಹಳ ಸುಲಭ ಸಂಯೋಜಿಸಲು ಮತ್ತು ಔಟ್ ಕೂಲ್ ಸ್ಟಫ್ ಮಾಡಲು, ಮತ್ತು ಇದು ಭಾವಿಸುತ್ತೇನೆ ತುಂಬಾ ಸುಲಭ ಬಗ್ಗೆ ಮತ್ತು ಬಗ್ಗೆ ಕಾರಣ. ಆದ್ದರಿಂದ ರಿಯಾಕ್ಟ್ ಮತ್ತೊಂದು ಉತ್ತಮ ಡ್ರಾ ಇಲ್ಲಿದೆ. ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳನ್ನು? ಹೌದು? 

ಪ್ರೇಕ್ಷಕರು: Um, ಏಕೆ ನೀವು ಬಯಸುವ ವರ್ ವಿರುದ್ಧವಾಗಿ ಅವಕಾಶ ಅನುವು 

ನೀಲ್ ಮೆಹ್ತಾ: ಆದ್ದರಿಂದ ಪ್ರಶ್ನೆ ಏಕೆ ನೀವು ಬದಲಿಗೆ ವರ್ ಆಫ್ ಅವಕಾಶ ಬಳಸುವುದು? ಈ ಎಂಬ ವಿಷಯ ES6 ಅಥವಾ ECMAScript 6. ಇದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಹೊಸ ಆವೃತ್ತಿ. ತಾಂತ್ರಿಕ ಕಾರಣಗಳಿಗಾಗಿ ಒಂದು ಗುಂಪನ್ನು ಇಲ್ಲ, ಆದರೆ ನಾವು ವರ್ ಒಂದು ಉತ್ತಮ ಆವೃತ್ತಿಯಾಗಿದೆ. 

ನೀವು ಅಸ್ಥಿರ ಘೋಷಿಸಬಹುದು ಹೇಗೆ. ನೀವು ಅವಕಾಶ ಬಳಸಬಹುದು. ನೀವು ವರ್ ಬಳಸಬಹುದು. ಲೆಟ್ಸ್ ತಾಂತ್ರಿಕ ಒಂದು ಗುಂಪನ್ನು ಹೊಂದಿದೆ ನೀವು ನೋಡಬಹುದು reasons-- ಇದು ಉತ್ತಮ ಏಕೆ ಫಾರ್ later-- ಅಪ್. ಮೂಲತಃ, ES6 ಕೆಲವು ಸಂತೋಷವನ್ನು ಹೊಂದಿದೆ ಹೊಸ ವಾಕ್ಯ, ಕೆಲವು ಹೊಸ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಹಳೆಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೇಲೆ. 

ನಾವು ಐದು ನಿಮಿಷಗಳ ರೀತಿಯ ಹೊಂದಿವೆ. ನಾನು ಬಗ್ಗೆ ಮಾತನಾಡಲು ಬಯಸಿದರು ಇನ್ನೊಂದು ವಿಷಯ ನಿಜವಾದ ವೇಗದ. ನೀವು ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳನ್ನು ಹೊಂದಿದ್ದರೆ, ಈ ನಂತರ ಇದು ಬಗ್ಗೆ ಮಾತನಾಡೋಣ. ಆದರೆ ಕೇವಲ ಆದ್ದರಿಂದ ಈ ಪಡೆಯುತ್ತದೆ ಕ್ಯಾಮೆರಾ ಹಿಡಿದು ನಾನು ನೀವು ಹೇಗೆ ಬಗ್ಗೆ ಸ್ವಲ್ಪ ಮಾತನಾಡಲು ಬಯಸುವ ವಾಸ್ತವವಾಗಿ ನಿಮ್ಮ ಅಪ್ಲಿಕೇಶನ್ಗಳು ಪ್ರತಿಕ್ರಯಿಸಲು ಬಳಸಿ. 

ಇಲ್ಲಿ ನೀವು ಕೆಡಿಇಯಲ್ಲಿ, Facebook.GitHub.IO/react, ಈ ರಿಯಾಕ್ಟ್ ಹೋಮ್ ಪೇಜ್ ಆಗಿದೆ, ಮತ್ತು ಇದು ನೀವು ವಾಸ್ತವವಾಗಿ ಬಳಸುತ್ತವೆ ಹೇಗೆ ನೀವು ತೋರಿಸಲು ಮಾಡುತ್ತೇವೆ ನಿಮ್ಮ ಪುಟಗಳಲ್ಲಿ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತವೆ. ಮೂಲತಃ, ಇದು ಸ್ವಲ್ಪ ಇಲ್ಲಿದೆ ಸಂಕೀರ್ಣ ರಿಯಾಕ್ಟ್ ಅನುಸ್ಥಾಪಿಸಲು ಪ್ರಯತ್ನಿಸುತ್ತಿರುವ. ನೀವು ಕೇವಲ ಎಳೆಯಿರಿ ಎಂದು ಸುಲಭ ಅಲ್ಲ ಅಲ್ಲಿ ಒಂದು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಿಡಿ. 

ನಿಮ್ಮ ಟ್ರಾನ್ಸ್ಫಾರ್ಮರ್ ಹೊಂದಿರಬೇಕು ಇದು ಮೊದಲು ಮಾಡಿದಂತೆ, ಇದು ಕಾಣಿಸುತ್ತದೆ ಸ್ಥಾಪಿಸಲು, ನಿಮ್ಮ JSX ಮಾಡಿ ಸಾಮಾನ್ಯ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್. ನೀವು ಮಾಡುತ್ತೇವೆ ವಿಷಯ ಹೊಂದಿವೆ ನೀವು ಸಾಮಾನ್ಯ ES6 ಕಂಪೈಲ್. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಚಲಿಸುವ ಬಹಳಷ್ಟು ಇಲ್ಲ ಭಾಗಗಳು ನೀವು ಮಾಡಬೇಕು, ಆದ್ದರಿಂದ ಒಂದು ಹೆಜ್ಜಿಯಿಲ್ಲ ಒಕ್ಕಲಿಗ, Yeoman.io ಕರೆಯಲಾಗುತ್ತದೆ. ಮತ್ತು ಈ ಒಂದು ಆಜ್ಞಾ ಸಾಲು ಉಪಕರಣವಾಗಿರುತ್ತದೆ ಎಂದು ಮಾಡುತ್ತೇವೆ ನಿಮ್ಮ ರಿಯಾಕ್ಟ್ ಔಟ್ ಸ್ಕ್ಯಾಫೋಲ್ಡ್ನ ಸಹಾಯ ಸುಲಭವಾಗಿ ಯೋಜನೆಗಳು. 

ಆದ್ದರಿಂದ ಈ ಬಗ್ಗೆ ಓದಬಹುದು ನಂತರ, ಆದರೆ ಕೆಲವು ಸಲಕರಣೆಗಳು ಲಭ್ಯವಿವೆ ಒಕ್ಕಲಿಗ ಒದಗಿಸುವ. ಅವರು ರಿಯಾಕ್ಟ್ ನೀವು ರಚಿಸಲು ತಿಳಿಸುತ್ತೇವೆ ನಿರ್ಮಿಸಲಾಯಿತು ಎಲ್ಲವೂ ಅಪ್ಲಿಕೇಶನ್. ಇದು ಕಟ್ಟಿದರು ಮಾಡುತ್ತೇವೆ ಲೈಕ್ ಘಟಕಗಳು, ರಲ್ಲಿ ನಿರ್ಮಿಸಲಾಯಿತು. ಇದು ನಿಮ್ಮ ಟ್ರಾನ್ಸ್ಫಾರ್ಮರ್ ನಿರ್ಮಿಸಲಾಯಿತು ಹೊಂದಿರುತ್ತದೆ. ಅವರು ತಂಪಾದ ಕಾಣಲು ವಿಷಯವನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ನಿರ್ಮಿಸಲಾಯಿತು ಉತ್ಪಾದಕಗಳು ಎಂಬ ಈ ವಿಷಯಗಳನ್ನು ಬಳಸಿ. 

ನೀವು ಒಂದು ವೇಳೆ ಈ ಬಗ್ಗೆ ಓದಿ. ಕೇವಲ ಒಕ್ಕಲಿಗ, ವೈ-ಎ-ಒ-ಎಮ್-ಎ ಎನ್, ಮತ್ತು ಹೋಗಿ ನೀವು ಈ ರೀತಿಯ ಜನರೇಟರ್ ಕಾಣಬಹುದು. ಮತ್ತು ಹಾಗೆ ಉತ್ಪಾದಕಗಳು ಈ, ನೀವು ಕೇವಲ ಒಂದು ಇಷ್ಟ ಒಂದೆರಡು ಆಜ್ಞಾ ಸಾಲಿನ ಆಜ್ಞೆಗಳನ್ನು ಆಗಿದೆ. ಇದು ಔಟ್ ಸ್ಕ್ಯಾಫೋಲ್ಡ್ನ ಮಾಡುತ್ತೇವೆ ಇಡೀ ನೀವು ಅಪ್ಲಿಕೇಶನ್ ಪ್ರತಿಕ್ರಿಯೆ. ಇದು ಎಲ್ಲಾ ಕೈಪಿಡಿ ಕೊಳವೆಗಳ ಪಡೆಯುತ್ತೀರಿ, ಮತ್ತು ಗುರುಗುಟ್ಟುತ್ತಾ ಕೆಲಸ, ನೀವು ಮಾಡಲಾಗುತ್ತದೆ ಮತ್ತು ಈ ನೀವು ಗಮನ ಏಕೆ ಕೇವಲ ಆನ್ ರೈಟಿಂಗ್ ಪ್ರತಿಕ್ರಿಯೆ. 

ಆದ್ದರಿಂದ ಮೂಲಭೂತವಾಗಿ ನಿರ್ಮಿಸಲು ಅಪ್ಲಿಕೇಶನ್ nontrivial ಹೊಂದಿದೆ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತದೆ. ಇದು ಎಲ್ಲಾ ವೈರ್ಗಳ, ಆದರೆ ಅಲ್ಲಿ ನೀವು ಅದನ್ನು ಮಾಡುತ್ತೇನೆ ಎಂದು ಉಪಕರಣಗಳಾಗಿವೆ. ನೀವು ಮಾಡಲು ಬಯಸಿದರೆ ಒಂದು ರಿಯಾಕ್ಟ್ ಆದ್ದರಿಂದ ಅಪ್ಲಿಕೇಶನ್, ಆ ರೀತಿಯಲ್ಲಿ ಪ್ರಯತ್ನಿಸಿ. ನೀವು ಪ್ರಾಯೋಗಿಕವಾಗಿ ಬಯಸಿದರೆ, ಈ CodePen ಬಳಸಿ ಪ್ರಯತ್ನಿಸಬಹುದು ಈ CodePen ಏಕೆಂದರೆ ಎಲ್ಲಾ ವೈರಿಂಗ್ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತದೆ. ನಾನು ಈಗಾಗಲೇ ನಿಮಗೆ ಎಲ್ಲಾ ಕೆಲಸ ಮಾಡಿದ. 

ನೀವು ಹಾಗೆ ಮಾಡಲು ಬಯಸುವ ಹಾಗಿದ್ದಲ್ಲಿ ಉತ್ಪಾದನೆ ಅಪ್ಲಿಕೇಶನ್ ರಿಯಾಕ್ಟ್ ಬಿಡುಗಡೆ, ಈ ಉತ್ಪಾದಕಗಳು ಒಂದು ಪ್ರಯತ್ನಿಸಿ. ನೀವು ಆಡಲು ಬಯಸಿದರೆ ಸುಮಾರು, ಇದನ್ನು ಕೇವಲ ಉಚಿತ ಹಾಗೆ ಇಲ್ಲಿ CodePen ಸುಮಾರು ಆಡಲು ಪ್ರಯತ್ನಿಸಿ. ಉತ್ತಮ ಶಬ್ದ? ಕೂಲ್. 

ಆದ್ದರಿಂದ ನಾನು ಅಷ್ಟೆ. ಮತ್ತೆ, ಎಲ್ಲಾ ಕೋಡ್ ಮತ್ತು ಉದಾಹರಣೆಗಳಾಗಿವೆ ಇಲ್ಲಿ ಈ ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ಎಂದು ನಾನು. ಆದ್ದರಿಂದ, ಮತ್ತೆ, ನಾವು ಮಾತನಾಡಲಿಲ್ಲ ಬಗ್ಗೆ ಪ್ರತಿಕ್ರಿಯಿಸುತ್ತದೆ ಹೆಚ್ಚು ವಾಕ್ಯ ಆದರೆ ಎಲ್ಲಾ ಹುಡುಕಲು ಸ್ವಲ್ಪ ಪದಾನ್ವಯತೆಯ ವಿವರಗಳು, ಇದು ಲಭ್ಯವಿರುವ ಎಲ್ಲಾ ಎಂದು ವಿಶೇಷವೇನು ಇಲ್ಲಿ ಈ ವೆಬ್ಸೈಟ್ನಲ್ಲಿ. 

ಹಾಗಾಗಿ ರೀತಿಯ ಶಿಫಾರಸು 'd ಮೊದಲ ಹೆಜ್ಜೆ. ನಿಮ್ಮ CodePen ಹಾಕಿದರೆ. ಮಾಡುವ ಕೆಲಸ ಪ್ರಯತ್ನಿಸಿ ಇದು ಎರಡನೇ ಹಂತಕ್ಕೆ. ಅಲ್ಲಿ ಒಂದು ನಾಲ್ಕನೇ ಹಂತದ, ಮತ್ತು ಕೇವಲ ನೀವು ಪಡೆಯಲು ಅಲ್ಲಿ ನೋಡಿ. 

ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳನ್ನು, ಪರಿಶೀಲಿಸಿ ಅಥವಾ ಆ ಪುಟ ಔಟ್ ನನಗೆ ಇಮೇಲ್. ನನ್ನ ಇಮೇಲ್ ಇಲ್ಲಿದೆ. ಆದರೆ ನಾನು ಯಾವುದೇ ನಿಮಗೆ ಸಹಾಯ ಇಷ್ಟಪಡುತ್ತೇವೆ ನಿಮ್ಮ ಬಗ್ಗೆ ಹೊಂದಿರಬಹುದು ಪ್ರಶ್ನೆಗಳನ್ನು ಪ್ರತಿಕ್ರಿಯೆ. ಆದ್ದರಿಂದ, ಹೌದು, ನಾನು ಅಷ್ಟೆ. ತುಂಬಾ ನೀವು ಎಲ್ಲಾ ಧನ್ಯವಾದಗಳು ನೋಡುವ ಅಥವಾ ಹಾಜರಾದ. ನಾನು ಯಾವುದೇ ಪ್ರಶ್ನೆಗಳನ್ನು ಕರೆದೊಯ್ಯಲಿದ್ದೇವೆ ನೀವು ಈಗ ಈ ನಂತರ ಹೊಂದಿರಬಹುದು. ಆದ್ದರಿಂದ ವೀಕ್ಷಿಸಲು ನೀವು ಎಲ್ಲಾ ಧನ್ಯವಾದಗಳು.