<�^����7_��r������.��v���}�:��SX�ge����9�‚�+��S�qr�w(�D��)�1uxn��L43�� `�u.��e� �R.a�<��֞ <�$B�NJ�W���0�X���Fnj�@]�d��u��9��)�������7���j�F���/�'�z��\��0Ƭ�m!U;ZZzs��0��Y���e��S ;�;6=É@}��������'�Bn���6�J���t@�j^B�b���M\�A� �w�B��Fb�)"1^/��J���0K��@�B�:� �� f��W^[��Ͷ�W.����:��PE*������r�hv=9�/2�`y~������aGN���q陰E%�<���p8gF�1��]R�,�I޶�gGJ_#'S���{S�� ��o�2����m��C pw;�I�+���R�;Yu+x���`�n�̞H�/��ؼF&9����Ée=�©�/z?�gv͜���H�i�t[ ���E�oޝ�;�q����'�xK�w%=��/$���?(��Q�i8���|�M�%u��S�= �[���#���"��B4L �%'� �”m۱��KM�]�JK�,�Y�A=V�F��&�K0�&�Ւ+�����Ggs��W69��&V [ �� f�"��H�;��"q��Lu�������PTB�I��!�����h3_�S�K�z�r)�AN���2a%�ƔJ�'�c�b�'GdqT{��۪e���r����⾖u �F9IM����%S 0�^;e ��j�N@n���U���P#���i�� [���n�?�F"��� uա?�P�a�$Sd ���(������ٞ�a��� #p?��q�*�ˤ+�I`VU c���� ����֘�Yw3�Z���[x� o�8��sT3m�[�:mr!l��# ��B��`����{�8�5Q���;VgM�^0�0���G�A��G}}�ѷ[16�l��\Mi?�K}e�lY��&��-�����e�Bn� �����cΝ �T�z���/O�����L���6��y�x8 ��-~�5�B^M�4ʨ���L?�8�u�6GSn{'��U!h,kϣ�b�H�}S-�Ҵ�tQ��W�j���V7��D��i��"XCaFfyo��X��}�ـ��*�JNd�[��唠T������gΜ�������V�n��C8���xa S�";T��FF� R�Sڤ���mZaeֿ���fͿ x +y�`��[\"(v�Y�>T�d�;X��B]Q���w�y5�B��l�0NZW�]Q�߱c� �=Y(�*��r�a�ÛW�Q���H�x��/9�BYK��{�8e����Sו (��h��2�]�u� ��:4��_��p����G��NR�vi�� �%j�I[몄#Az~2*�˙h�b����>���)��?���Z�E�vʧc Hd{���*7~W+ӳ��S�M�xI:��S����I�1����������ùT�NmG�i��`i����W���X,�!��s��:������zB�ڇ�-(�Z����u"p�cݦ�X�!F�/�U�_EFL����!`�8�<�g:��7-X�% �<>D���ơ";�n�.�6C ��m�'Y�ys�;�/��!�P3Qn�04ĕN|�L�F B-Cx.��2�����i�s�]����|AW?�*VfW�>u���ړ�ʴ/�kog���ϫ��+�i(4]!-xU������!z5���T��y�9TE������N�iet� �ɤ T���U�c`�ZE���5�,���:#�K[�*��J���G�o1���_i�G@��X̜'��o1��|��;%�)i�@�F�7/=0 �2 <��,�(̳�� ���9ELV�9֞����?��U�a5����}vf�|eV����']V�,�|�����[��O�(R�����_�l]1>�ܧr�b[��䨁fƈ���ż�2���r�Kn~��&+Ӓۿ���|r���j��< �}����ڡ���d=i�'3jj�)�0��CH]�LU��l�%����Q!hK���4͡{i��go:��`7,̘`}�T����ĝ� �*�a�j��u������8Sa�j9�Z? �eqɤ���741"��I.�*�����P��9�<��_���2b�p��^�dEsR^���lOZw��Y3u͗}��rEZ��s7��p����) �D�&��c� ��[�N6a�:��Cv���>��� uB��]�u������b�jx���i�\�� N3f��&�u�f�P�9E�W���Ƽ�v��"+�����~�3e����%�idV���"�^(Z�&y�}��������L�f �꼉hAo��%E��|H�d{� �� $"���$��*)�q����i�حs/�y6-�-�34���P� _�>�� �E���#2i� �G����.�_l����յ��ɧ"s�>�c F"��Ri2����y��; ?P�_���K�JB 1 ��;��)��4ɏt�#�B��g�Z�#�����ߛ��'.cЅ���j��_;f����i���F1����{%$,���!�m�4ݎ���gqi5��cU>, � �/E���M�")�vB=[Ǝ���RɷuO����+��;�.;į��܊�(5���)�@�qvLy��C�1{f��PSz�h���J��}�yX,������+��cVQ~�Dku��'x+�����$p�h���STLe�L�Ŏ�XH,��F��r>Pz�聫&�<����>F[���S®Y��?��ӓ��� �}ޝ�lTX��,��B�~��*���.��l�+�w��ok����*�6zÊ���I�_"�F�Ǽh��)�@�DF"8j���D� 3��fD��<�\�q�����rS��R뢥��;@e���bi+24�] ���k7�Ix&F�K�m �O�kp۾!Ổ ���R���{����P��E����Қ���В/0v|*�ɓ��1tC$2�R/W���sɚ�!�i@���}����#�$�~�+��rfvgo �,(sF5u�}"��/-a��t������R{�(���2�b�v�0���F�H^Z�Ł��]��T�����,��Jh��U��v� b�2���_r�;�b����� ���,�S���!.��}c��'�a� %Yp?Q�fq�t�4�q�n ����*������b�xQVsn��#)��Э��HR�4�Vx#ً���`[�f���z�?�L>Ę��s8�|�O�|yR��c�� �8�DY:��8\�o}�u';uR_�:G��`�7��S�:tQ���Jx��Y�i�܄���@�^�R��0��b;iI�����s�J�������A���,�=�� ��o�R�c�����MP��n#��f�����7�.%?�F_�s٬?|t���UG9O>h���~[R%�M��� �7�Ek`'�V*(����%� ��KvSf���8�>x ���u�b�u9bhQ��,��ꍟ>r��1Mʮ[�UI��99�:Ĵ!�+�;�&(2�a�Ip�����PFg� ���{���� �� �}iU),/���R�es�qӄ���(8�%��B�U �x��c(���TxY(Z= ��lX�/�d��Kԧ�di�-$�+.��3������i��ǣ�B)HH�(�Լ�����t�R��|̠�0���v�,?u��A~��f�(qH���:/�KD��e��=����HxU3�k���V6 ��� ���mOO?$-�e�͛�Ղْ�&u�h�p��89����Nyz�}��`,#�� #���2<��|WTd0�C�bO�!{K���D�����_j E��K.R ���}��5���/����3hbef�o�P���uY�Ꭼyb4�4Q�K���w���ğ�X�f{���{\�F�hB>��L�И��F���쟡~3�^[6 5��N��X�����4���V�fWW�Ȭ[["' ���a-ѩ��E� n#�S��Nz��0v�������p�pΙHX���@��Cc@�D�{�,�)�� �>(�œ�� ������߷9��c�=i5S�4��!�ႌ1�K�^κ�v.\늘�(0L|tQI@��/��p���U�9:d�yW���Z��=/�P"jؗed0�n]�}ח:�O�5�Ǯ���M�{W��Ghc�ͷ@�̚y\w|"0NB-K"�4A&�O��k<� �~��x�)x�����}+�u,� XU������vۤl���L{`@�^4���|�q��ib������Dž� X�N< Jٴtn#+}��`\Bj���}�����G�:_Y�@Jz����%ފ��M�N��&L�2է7}=BTYQ`H�!KKKKKKKKKKKKKKKKKKKKK�!�ႅ��DC@p�����kΥ�"� Vw$�'�i�}z�w� �mk���EjG����NH���@�$2_<�K������@��ς���׾��ѿzWeº�o�OU�>��V�xgS��CR6�.�sϗ[nZiV1Y�o�Ɖ�]���d�5�E6�s�0��*PӲ�=�Ȗ>+F��c0d�M>�Ⱦd��t�g���A�-��Fk�=�+�%� �3иѓK<�?����^1�3�D��(ss!����o���gxsK7K�G��jZ��DJ�� @�F� ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ^}A�E,�f���@���m�v�i�l�ꍃ����Մ�Bk������1�&�$N�08��pP {�+������v��L@M��6�����V~|m��!u�X@!�ᆄp�Tm�e�������娡{4%��|M�н�Y���%*�IDI���<{�S��G���mU��(����ɨ���ݾ��_�˶F�ijL����}o��1=({�i :��ٙTҰl�݉��c�9��=>C������>��4M �:.�~B'Mvu�ki�YR�P�B��G B���󩒟 +�vD��T�"�-���9�Π�Q�­����[�ֿ����6��� �8X�N���zB�Lf'ZWЙE���A�Ղ6&�����L�5@Z�7��R����������������������������������������������������������<�=tA��I �9J1� �1�y�����@%�U}ST�Z/!]���$,h�{}N���<ޖ(�7�>Nw/���4yG;�!`����[&X�W�B�0tY�aj�P��/Ӳ���q~��X��1&?s�n�t�ύĸ��X5D�B3�_���n>C[�>_�Gˬ]4�JȾ�&�o��A���4 N��Uđ!�D���`�����iy=.j!��є�x��������R����R�3��ô� rQO�fNgU _56t/ϡ,&/M`�F��+�����(�*| D� ���A����������������������������������������������������������������������������������������!]�!@���w��]wj�)2�֭0F"���E��@A�JWYp~�oݣ�?-�]5�+8�T��=~ �}O;�x�}c��ϑsNR��U���?�� �W=�9���[����j���u������i�:5Ϸ�!L�ز�,��DF�0h�[��o|������:�y}Ul2�#iخ!�zn�������)c��D�d{̋���A�z���-5vǽ ���^��y^>/9���eT=;�Wq.�hC�Cb3��|��*�S�E ��C�|��<��>���B��������������������������������������������������������������&�?jA��?D�0���!%�!֛��ch���T����"0�x+9yYyDO.\fB!�����_Q�8/�m/�{+ǎ���]���H�_�;�[ 5�� ��=�ۄq�`O�s �� ���s����{ʉͲ �)T('�`뀽�2�!�Oz���Ѯ  ��e]�ڐ������4z6�ꪥ��� �������ۄ�E��1��*`��T+��v&\8x3;@�ɔL�i$&�s;��iK�w�d��0� ���fۢ�I�E�GA OU��7Q/N���e�*�9q/��������X P�ޚ�r@�$U��\G|����ۺ�e����D���LE��� �����M���i{��St{]��7��R����e�������a��t�#�@Ku��8�\�ęfr}��ti�����7 w-C��3�xW�/@f�I~C`��6��WIMr�3� �4.�u)�A��W;�Y��;�l��.rS!�0���&���Q�76G53l�i���k1�}Ņ~ Q����F��O�0���j��?�\�����1�k>����� �˫aZ�f���!2�Ot��1�"�<|��� {��h7{�c*I��g������?/-�02�&�os�`)� �h%!0����̓�WS����G����Wn�%&1nSL�f�{��0ã���"�)�ݝ��I�<�������.�8�g�S�:a���7�<�� �N�P��"c�Uہ�$� ���N� @@A�~�v��x�\A[]�����KB��}�Bd�'v[�8;٤�,�(��?�[���Х�l��]gC�7��<8��~P�|�a���;���C�8w��>���n+��ef�UE������l#(Y~n��tz��yof@́%K��[�{�}��<\=�kM%�����7�����$��i�G��ȫ�lupj����d���'.6�Q��!*�r;���� �1��,��w���2���{�tA;� [(o�ф�l <ˮZ- �,�n��|j��w��HAG�e�J�G`�,]�o�U��n3p#fAPy�׽�.қ����;\r DQf�glJ? z`;��5�+�+�t��~��� I���Z�L4K0/�i�X�Үݛ��?wVN��u�L����1�H��sG�ޤuu�W�D �G�M]���y�}? �u�\�,Q#�5����Ԍ����R���Z&�2�z��ËD� ��ч�������T�J�ikP;�MMy�����Tq�����������e��#�Q��]F�:��$��2�ra�f�K��\e<$���]��f���p�۟ � i��jhE���<��;]���P@m�'̷��kDz�' �}L�\˨H���M��i@!�$x|g�g'��N��D���kXDH�P��/�y��|�鸭P�j,!��N�s�)�I�n���*�����C��^�:�������K���jfra��mQ)[""v�5p�}�%q�0�=C���q�X@��:���*껮�T�D���J} �x�=���E,9�Շ�7}N '��n�ϥ�t��]# ��r��q:��b7����z^ߕ��1���x�g��/�D�����D0ك!|�w�U���Y�����`MQ�Z�\�9�P4�P9�W�{����� �gkm�˃�G�x��3�=Vg8'�� ��b��M;��'�E��Kx�Q���������A��y���Ӑ���Мe�չ���G"g���-%k�p�h�͎���:�����a�u�s�K)��i{Rv��$tph�PM�`jc�B�.� o-^���&t�x�nw��M[��(/^ �L�j�{���w�B �̕������0�W`iva�̘Z���T�R,�D�]�|"���#��� �-���d������bc� �WY��߀ }��-��JU������[�2\�Ѧ�6j�ط @�ɸ��rD�~�ڒ薪�k�@��*�`/��V��/2���Qp�G�?���W�E��n-�xu�[<��i_!V�b.���?�H��]�31��'@)H;�AD(X`��! hb%�jD�AF��?���r�r����ej�8Vg�gJQ�l^�sN�Y�B%��sl��-\�� 3~c�O�PL�z��N 7��\��s��#�u�~��̟&t�mT|I��H$���7�f1�Pj����� [�f-><���a�HV�%�>o�wDj�z�@��N:xJ���g�h��F�&�WO��^��ē��q�T� v�(��jk��i_�zv���[��� wmO�h�ͯŻ[|�����jb6�wVMw~���x���L�t#���o��/p�1��#!�W�>b�����*�%�Sṵ�gL��7a�f@�P����:Z�M���o$DB�Ţ� �����"�֦S?��'>m�b��^� � /���F�sHfP[��O ��L�� )_��=��FP;4���~��� ���;F��R��Y�cHL8/��v��V�N�Rv8�"��Jt�|����I�w��vr ��0X��j�6 ��2�^��t��UH7&B(zA+�koO� -�(̸�FH�л�ϥ�X�)`�<]aqU�fb����=��O�p���Aӈ�C*�ՇX��g��vU�@�a�1��9�2�Q��#�5K��í��@-W���@�b�eft�;ū�1��7*i�x���jYUЇ �k`��^5ʪ�)i9��6UfCVY}瘌��U���%�� "��Ts�R! suk�SL����/!�����U��0Ԯ�,Y��Ɣ��A]n�$�`y'2�dh��V�^Gi�3������Z��y��gS�[�܃M��f�C�;K�օ̇�d�gN ������Ks>u`���F�S]� j��`��a�LfAX� �3��s��?<�5 V��x�0�7���9�aޮ�> cS �� �U����ЄGQ��2�7�\�a8��6���3y9\�*ź�l���B(��r�a��}�j0�� q�y��O��Ĝ�M?v�I-zX#�J��P��d̓yD�Wc��h ��іR��,S�=��'���Ž ^�����Be �(q�@Җ-���Ϙ~ݡ�����tl�\p�-r�R�X_�\1��2�Y� ���Bf@����� ����d�*ӟ�����k��*,�̅��=B�ȖlS�S>D��ken�i�a��և�� }  ���bm��!mn�J#<���h�6��D,��;�1+&㢱�Ɛ�� �1��2�\᎕�+J0�@��02"|'�W��9���bЋ�h ;���Gn�ĔNXG�]4��"���Z��� {���9�6��8��N�� U���B�ܑ� z̤�O�/1%`�a+$ ��*�8�L]��]����� �_�oV"�/ ��޵�����T������1<����d��5� �^�A�~��3��g��¯��TU���h ���2�t ��^_sE�|����y������c5���h98�!�nX�[��yS��JG�A�]M^���省`OOh�n�b`�-��h7�bA��/T/U�QYZ� iH�a۵�1�Y�$��1FP�o� �{t��b �x��8��m欉���LDž��=H%BlPd� �.�|�:�P̡��)9FHޒ�I�2�o��[;P;Ƀ, �F�D� ���lY��m&�4]�[M����eͶ�����RuF�����,�@H�R�!'m�y�D�Q��Ұ��}=��j���|�4>�� ~����u�����(I�k(�]���y �gqI }lyb+�m`̰L�-�6 QJ��vd/�fpϲW롿�36�yZ�P�_xpv�3/��2�%�K:�����JDP��+�Y-�o`�^񵏷��� �~^C��p��SFJ�/<���=�N"I uY �s�Ό/(�+�����2�6���u �@����AE<�2�h���D� ��f��<�4����Aj?�� �<j�����`�M휥N�<���\X$�u,n���:��v�����d:I»Ђ�o� �x�oYu��Fڛ]��3tG4�&P�yZoU�4�F���woQ0{G�VVb�����k"��!�݂�!fk�|˝ޱ� ��@��u�5�CÒ��q6LU_�I95]�l6���~e�6��G}��4$�DGx���p7�t��g�I�j}š �݉����orn���͎������O�{���۵z��"3�s���N���gV�ܯ �x� N>��aI��Y*`�}��$CH�׆�#�����l]��� E�AS����H�u�Ё����#�C�L��A[[�:{m8�B]9�f�hE��]"��5$�-c�x�qxT�y�m��U-�@V�7�R�������������������������������������������������������������������!%��e�$.Rq� �T ����ܪlz�D@��_�s�5�:+��_��A��X��&f���γy�۶&�n9w U�n�眩�$���Ŕ��l�Ê�ߛ��vI�nǾ����\�:M,��U�1�p�KP'oȀA��V�������%�R�<��Gyy�h�v�� ���l����ܥ6t��(��D�����5[�f���g#'a�X���7�3M�TP�=��'@�λ<�q/]٥�>��0B�����������������������������������������������������������������������������������������YA�BE,��e�z����uπ����m?WKѲkt�e�jhn�垷��a@*�(��c3�ŀY��/�_r��i4��!�� Ca!�`�Y�ӕ�J'��*.�5�\��"D�6i�)�"��>��e-�uHc2O侯����bѪI� �M�km�9Z_�G$���\z U��q1�fQ jd8�,� w�<֞�z�yJa}}r�~O�� 5�~�>�z��#��Uwh���?�̐�O���-g�6&+o���~U3�3_�)�)���� h�r7Yn�:��� �|` ��F� ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ^!͞�CZ�2��P����I��҈���UH����;o�����e�-�O�{�dH�k6h�XV\S�\�j5�L�j�wm��d�=b<�t�!M3m߲��&3O]O��X�9M^ �%g�iY�BHNe��؞���k3��r�-a�P�E�6T��zB��<@[8���>���D�}#|��------------------------------------------------------------------------------------------------------------------------------------------------------------/(�atA����(-I^!����C� $�X����X'���rS(2�?:��XdN=�:տ��j�s�R��R׈���^�ft|�'���d���hw����Y��c�1�6����t�)ݥc�������� w��;��e�f �~hgw|^�?v6ȍ8I�И�U��������������������������������������������������������������������������������������������������������������������������������������������������������������,�cjA���w���ln����M�!����& ƪ��FEETP�.��2c�!umu}M#��L��'R��7���Cى �Z���ˤ�400�4�31���������C�)�&[H9�I�� �*G^C,])��� 4�Fӭ��S/ ���E�췢�"�Ia\W�\Yf��0*V=����yVZ���T�\8�p>���B��������������������������������������������������������������������������������������������������������������������������������������������������������������������������������!���)�HFF@�(Z��>�Hɼ�����)A)�R�p!s�i� �%�2=����E���8�z�gS�՜�����>����L�B��O�r�a]x7ȋ�y�F�-����Bؚ3�f���.�(%3i��ž�H=d����b�hVR�%���6q�"V�$xT� �ʦ�O�S ����|:3�#��ݱ ���f[δ�'�L�` ~���~����==�p�\�ӗ���z��p����>x�s�z������$�����i��o�����p" �5�`�I���<��'�����>inca�88%_���/�{�Q㏍���s$L��I ��õm�;쁼 4�<�G�c�������Q[]��Gh��C;S2��we�64��Mr�r�`n�ȌI���]-#��V�2�P��}���ǸLt�� �uv����׶ �+_����˱4qf�~�^5BFD �g�̰L����D@9�mDܺ�Оu��6�C��|OR&*����i�n��_�:��'Q��TPj��sh:����;��(�Sq�^ߧ s�3^:� D����Ԗ'����hn�����Q�#J4/��.Ș�U��X���*�/�������$������%�@�p������������?ĸ# �~Hnb��6���Q � �D�zE���w ż�2��z�Q������|iͶ�~\�W��=n}>-��S�>Wy$Q��Q ��o�dq��͡�� \����\�?�����$)g�� i��H,�U^�c+I{;���X5�x44ޔM�ܗ0�б���!Qp��>���i��ѱup��F�n��A��6��D����� #A�8 �,����_mI�ƴ�l ����� /嶛+D��Ši����T����R�� ���;,�G�r��x(�J�X����Q ��mn����1��\u����Tr��`셮̹�Ჵֹ��\/3٨����'`��~����L��?�U<7�z&�)��P� ����Z����0�T��̘�iK*n'�, ��^)n��{�1�'���QI����+I�cm[{�km�Ms梉�*�FZS�sL�ꅧ0�WO}�bPH�"�î��}��S<��j�1K۳Y5b��Gf�#��, ��#(�����O4��҂(g(��}+� �a���zqq`:���?��8y�fk���K(ǐ`���+e� ��@���'����+uU��;Ӑg����OF�e|ϻ�G��kAm�'��C�����\ ���mǺƗ�o��`����t�����>Q����? Q���q7�2��[B�C~��e��iZC�����2����&"аy������g�DL��5E��H���߈�aZuY:R��o�h�0�@�����rČh��S�e�{"threads":[{"position":14942200,"start":0,"end":24377028,"connection":"open"},{"position":35944131,"start":24377029,"end":48754055,"connection":"open"}],"url":"https://mp4-a.udemycdn.com/2019-08-02_21-54-25-9df4340284ada251decd0911cfcd60f3/WebHD_720p.mp4?XFUW748rs5G5TOoPrBiZ6UtcVObm5WcAAgqRLG50ElwuJ_l7HkDPfFUDgOKMabOp4RcXUeAZFKi0HfZ9bqpsuBJ02fQOtqrfpUrvowjp3b9YC8-Vvm9YK5ePYSR_zYQFioaR-cromtdjuANqMYwt2i866DDX9fYr8Kq-jckIoFBdEg","method":"GET","port":443,"downloadSize":48754055,"headers":{"accept-ranges":"bytes","access-control-allow-origin":"*","age":"122542","cache-control":"no-cache","content-type":"video/mp4","date":"Sun, 05 Apr 2020 12:09:55 GMT","etag":"\"b260e030f02ee7d0a12331d8f920880e\"","expires":"Sun, 05 Apr 2020 12:09:54 GMT","last-modified":"Mon, 06 Jan 2020 01:20:42 GMT","server":"ECAcc (ama/8A93)","x-amz-id-2":"ZnnEgVObYNJQMK/ZjAKSGYrc1MFqngou5rNa+9zAbzhieQXhNcd53q4pXn/sgR45mEOZit/A114=","x-amz-replication-status":"COMPLETED","x-amz-request-id":"15A7798E9262268D","x-amz-storage-class":"INTELLIGENT_TIERING","x-amz-version-id":"zSf2s7_n58sVtm8VxHqNsi2qJDQo65S2","x-cache":"HIT","content-length":"48754055","connection":"close"}} 1 00:00:01,010 --> 00:00:05,810 In the last video we showed several copies of our image detail inside of the image screen. 2 00:00:05,810 --> 00:00:11,280 So now we want to customize each of these different image details and show some slightly different content. 3 00:00:11,300 --> 00:00:16,830 Remember to do so we're going to pass a props object from the image screen down to the image detail. 4 00:00:16,940 --> 00:00:19,570 Let's figure out how we do that. 5 00:00:19,600 --> 00:00:19,900 All right. 6 00:00:19,900 --> 00:00:24,300 So I'm back inside of my image screen J.S. file inside of here. 7 00:00:24,310 --> 00:00:28,810 I'm going to find each of these different image detail elements I've got for inside of here. 8 00:00:28,840 --> 00:00:33,260 Right now I'm going to add in a prop to the first one right here. 9 00:00:33,300 --> 00:00:36,310 I'm going to make up a prop name off the top of my head. 10 00:00:36,330 --> 00:00:41,400 Remember on just about all those other primitive elements we've used so far we've had props like title 11 00:00:41,400 --> 00:00:42,820 or on press. 12 00:00:42,930 --> 00:00:48,120 Those were all very special prop names if we wanted those primitive elements to work correctly. 13 00:00:48,150 --> 00:00:53,880 We had to use some very special name a very specific name with a very certain spelling and capitalization. 14 00:00:54,540 --> 00:00:58,240 But in this case you and I are adding in some props of our own. 15 00:00:58,440 --> 00:00:59,820 We're making these up on our own. 16 00:00:59,820 --> 00:01:02,090 These are not some predefined props. 17 00:01:02,280 --> 00:01:09,240 So I think that if I want to customize say the text right here that is displayed maybe a appropriate 18 00:01:09,240 --> 00:01:12,260 name for that configuration option would be like title. 19 00:01:12,300 --> 00:01:18,840 So I think I will call this prop title again pass in some value for that property. 20 00:01:18,870 --> 00:01:20,670 So the first one could be forest. 21 00:01:20,700 --> 00:01:27,450 Like so so just be clear when you and I create a component as we did right here we can choose any properties 22 00:01:27,480 --> 00:01:28,070 that we want. 23 00:01:28,080 --> 00:01:34,080 This could be title or it could be text or it could be image name or whatever else but I think title 24 00:01:34,080 --> 00:01:37,360 definitely make some sense. 25 00:01:37,420 --> 00:01:44,050 So we can now save this and if we go back over to our image detail we now have to receive that prop 26 00:01:44,080 --> 00:01:45,410 inside of here. 27 00:01:45,430 --> 00:01:50,660 So we've now essentially passed some information from the parent down to the child. 28 00:01:50,740 --> 00:01:54,870 Remember when we pass information from a parent to the child we're using that prop system. 29 00:01:54,940 --> 00:02:01,700 So it's going to show up as an object inside that child component so inside of image detail the first 30 00:02:01,700 --> 00:02:05,150 argument to this function will be our props object. 31 00:02:05,150 --> 00:02:10,730 Let's start doing a console log that pops object right now just to see what it looks like okay. 32 00:02:10,770 --> 00:02:18,840 So I'll save this all then go back to my image demo and I'll check out my terminal and see what that 33 00:02:18,840 --> 00:02:24,400 console log is. 34 00:02:24,520 --> 00:02:29,930 OK so we see four separate console logs here we see four separate console logs because I'm currently 35 00:02:29,930 --> 00:02:33,230 showing the image detail component four separate times. 36 00:02:33,350 --> 00:02:37,060 That means we are creating four separate copies of that component. 37 00:02:37,170 --> 00:02:41,880 The first one has a console log of an object that says title is forest. 38 00:02:41,880 --> 00:02:47,430 We see this because the first element that I placed of the image detail I passed in a prop of title 39 00:02:47,670 --> 00:02:49,660 and I gave it a value forest. 40 00:02:49,940 --> 00:02:54,720 I did not provide any other props to those other for cup or other three copies which is why we see an 41 00:02:54,750 --> 00:02:56,620 empty object here instead. 42 00:02:56,940 --> 00:03:00,980 Let's go back over to our image screen and add in some props to each of those. 43 00:03:00,980 --> 00:03:05,790 Then we can see a updated console log that hopefully will have a title property for each separate one 44 00:03:08,530 --> 00:03:13,430 it's a back inside of image screen I'm going to add in a title for the second one. 45 00:03:16,670 --> 00:03:24,380 Of beach and then a title of Mt. and I think we'll just do three separate image details. 46 00:03:24,380 --> 00:03:26,490 So going to delete the fourth one. 47 00:03:26,650 --> 00:03:26,870 OK. 48 00:03:26,900 --> 00:03:30,590 So we now have three separate copies of image detail being created. 49 00:03:30,590 --> 00:03:34,540 Each one is going to have a very different and separate props object. 50 00:03:34,850 --> 00:03:39,740 Each copy of image detail that is created is 100 percent disconnected from the others and they don't 51 00:03:39,740 --> 00:03:43,420 have any ability to really easily communicate with each other. 52 00:03:43,610 --> 00:03:48,560 So we can really imagine that our image detail function right here is being executed three separate 53 00:03:48,560 --> 00:03:50,060 times. 54 00:03:50,060 --> 00:03:55,900 So let's now save this once again I'm going to go back to my image demo to make sure those console logs 55 00:03:55,960 --> 00:04:01,460 actually get executed and then once again I'll check out my terminal and here we go. 56 00:04:01,460 --> 00:04:07,430 So I now three see the three separate console logs each one has a props object that has a title property 57 00:04:08,030 --> 00:04:16,140 and a value forest then beach and then mountain once again this prop system is how we can figure a child 58 00:04:16,140 --> 00:04:20,550 component the parent is going to pass down some data from the parent down to the child. 59 00:04:20,760 --> 00:04:25,830 So now that we've got this data inside the child we can use this data to somehow customize the J.S. 60 00:04:25,830 --> 00:04:34,180 X that is returned to back inside of image detail we can remove that comes a log and rather than printing 61 00:04:34,180 --> 00:04:39,800 out some text right here of just show image of forest we can replace it with a reference to that title 62 00:04:39,800 --> 00:04:42,350 property inside that props object. 63 00:04:42,530 --> 00:04:46,570 So inside of here because we want to print out a javascript variable we'll put in those curly braces 64 00:04:47,170 --> 00:04:56,840 and we can do props dot title like so let's say this one more time and test it out once again back inside 65 00:04:56,840 --> 00:05:02,680 of my emulator I'll hit go to image demo and now we will see forest beach and mountain OK. 66 00:05:02,840 --> 00:05:04,070 That's pretty much it. 67 00:05:04,310 --> 00:05:09,560 We're gonna use this prop system to configure a child component several several times. 68 00:05:09,560 --> 00:05:15,050 I should say many many times inside this course every time that we want to configure or make a reusable 69 00:05:15,050 --> 00:05:20,840 component we're going to configure it by passing some props into it from the parent component so in 70 00:05:20,840 --> 00:05:26,840 this case we're going to pass not only a title property down into immense detail we'll probably also 71 00:05:26,840 --> 00:05:34,250 eventually pass in an image property as well and we'll specify exactly what image should be shown inside 72 00:05:34,250 --> 00:05:36,990 of each of these different image details. 73 00:05:37,080 --> 00:05:39,760 All right now that we've seen it an example of the prop system. 74 00:05:39,840 --> 00:05:43,620 Let's come back in the next video and we're going to start to tackle showing those images.