lukechilds
/
react.dev
mirror of https://github.com/lukechilds/react.dev.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
5411 Commits
2 Branches
0 Tags
148 MiB
Tree: 22b8bf2ff1
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '22b8bf2ff1'
${ noResults }
react.dev/beta/public/images/docs/diagrams/writing_jsx_form.dark.svg

11 lines
63 KiB
Raw Normal View History

Add diagrams for "Putting markup into JavaScript" (#4390) * Add diagrams for "Putting markup into JavaScript" * Update alt tags * Fix isLoggedIn * Minor style updates for mobile
3 years ago
<svg width="430" height="437" viewBox="0 0 430 437" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="9" y="43" width="411" height="392" rx="6" fill="#23252F"/>
<rect x="29" y="63" width="371" height="123" rx="6" fill="#FDE7C7"/>
<path d="M52.192 96V80.256H61.864V81.936H54.208V87.264H60.688V88.944H54.208V96H52.192ZM70.5906 96.288C69.8226 96.288 69.0866 96.152 68.3826 95.88C67.6946 95.608 67.0866 95.216 66.5586 94.704C66.0306 94.176 65.6066 93.536 65.2866 92.784C64.9826 92.016 64.8306 91.152 64.8306 90.192C64.8306 89.216 64.9826 88.352 65.2866 87.6C65.6066 86.832 66.0306 86.184 66.5586 85.656C67.0866 85.128 67.6946 84.728 68.3826 84.456C69.0866 84.184 69.8226 84.048 70.5906 84.048C71.3586 84.048 72.0866 84.184 72.7746 84.456C73.4786 84.728 74.0946 85.128 74.6226 85.656C75.1506 86.184 75.5666 86.832 75.8706 87.6C76.1906 88.352 76.3506 89.216 76.3506 90.192C76.3506 91.152 76.1906 92.016 75.8706 92.784C75.5666 93.536 75.1506 94.176 74.6226 94.704C74.0946 95.216 73.4786 95.608 72.7746 95.88C72.0866 96.152 71.3586 96.288 70.5906 96.288ZM70.5906 94.656C71.1506 94.656 71.6546 94.552 72.1026 94.344C72.5666 94.12 72.9586 93.816 73.2786 93.432C73.6146 93.032 73.8706 92.56 74.0466 92.016C74.2226 91.472 74.3106 90.864 74.3106 90.192C74.3106 89.52 74.2226 88.912 74.0466 88.368C73.8706 87.808 73.6146 87.328 73.2786 86.928C72.9586 86.528 72.5666 86.224 72.1026 86.016C71.6546 85.792 71.1506 85.68 70.5906 85.68C70.0306 85.68 69.5186 85.792 69.0546 86.016C68.6066 86.224 68.2146 86.528 67.8786 86.928C67.5586 87.328 67.3106 87.808 67.1346 88.368C66.9586 88.912 66.8706 89.52 66.8706 90.192C66.8706 90.864 66.9586 91.472 67.1346 92.016C67.3106 92.56 67.5586 93.032 67.8786 93.432C68.2146 93.816 68.6066 94.12 69.0546 94.344C69.5186 94.552 70.0306 94.656 70.5906 94.656ZM81.2853 96V84.336H82.9173L83.0853 87.096H83.1573C83.7653 86.152 84.5093 85.408 85.3893 84.864C86.2853 84.32 87.2773 84.048 88.3653 84.048C88.7973 84.048 89.1973 84.088 89.5653 84.168C89.9333 84.232 90.3012 84.352 90.6693 84.528L90.2133 86.232C89.7973 86.088 89.4453 85.984 89.1573 85.92C88.8853 85.856 88.5173 85.824 88.0533 85.824C87.1733 85.824 86.3253 86.08 85.5093 86.592C84.7093 87.088 83.9573 87.944 83.2533 89.16V96H81.2853ZM93.5639 96V84.336H95.1479L95.3159 85.872H95.3639C95.6679 85.328 96.0199 84.888 96.4199 84.552C96.8199 84.216 97.3559 84.048 98.0279 84.048C99.1639 84.048 99.8999 84.72 100.236 86.064C100.572 85.44 100.94 84.952 101.34 84.6C101.756 84.232 102.3 84.048 102.972 84.048C103.788 84.048 104.42 84.36 104.868 84.984C105.332 85.592 105.564 86.48 105.564 87.648V96H103.596V87.792C103.596 86.432 103.18 85.752 102.348 85.752C101.932 85.752 101.596 85.904 101.34 86.208C101.084 86.496 100.796 86.944 100.476 87.552V96H98.6519V87.792C98.6519 87.12 98.5559 86.616 98.3639 86.28C98.1879 85.928 97.8839 85.752 97.4519 85.752C97.0359 85.752 96.6839 85.904 96.3959 86.208C96.1079 86.496 95.8199 86.944 95.5319 87.552V96H93.5639ZM116.955 100.224C115.291 98.928 113.971 97.368 112.995 95.544C112.035 93.72 111.555 91.648 111.555 89.328C111.555 87.008 112.035 84.936 112.995 83.112C113.971 81.288 115.291 79.728 116.955 78.432L118.035 79.44C116.419 80.8 115.227 82.28 114.459 83.88C113.707 85.48 113.331 87.296 113.331 89.328C113.331 91.36 113.707 93.176 114.459 94.776C115.227 96.376 116.419 97.856 118.035 99.216L116.955 100.224ZM124.961 100.224L123.881 99.216C125.497 97.856 126.681 96.376 127.433 94.776C128.201 93.176 128.585 91.36 128.585 89.328C128.585 87.296 128.201 85.48 127.433 83.88C126.681 82.28 125.497 80.8 123.881 79.44L124.961 78.432C126.625 79.728 127.937 81.288 128.897 83.112C129.873 84.936 130.361 87.008 130.361 89.328C130.361 91.648 129.873 93.72 128.897 95.544C127.937 97.368 126.625 98.928 124.961 100.224ZM145.928 99.648C145.176 99.648 144.52 99.592 143.96 99.48C143.4 99.384 142.936 99.216 142.568 98.976C142.2 98.736 141.928 98.408 141.752 97.992C141.576 97.592 141.488 97.08 141.488 96.456C141.488 96.024 141.496 95.616 141.512 95.232C141.544 94.832 141.568 94.448 141.584 94.08C141.616 93.712 141.64 93.344 141.656 92.976C141.688 92.608 141.704 92.224 141.704 91.824C141.704 91.584 141.656 91.36 141.56 91.152C141.464 90.928 141.288 90.728 141.032 90.552C140.776 90.376 140.416 90.232 139.952 90.12C139.504 90.008 138.928 89.952 138.224 89.952V88.704C138.928 88.704 139.504 88.648 139.952 88.536C140.416 88.42
<rect x="29" y="194" width="371" height="160" rx="6" fill="#E7E9FB"/>
<path d="M104.004 225.848L95.0519 219.776V218.288L104.004 212.216V214.112L96.7799 218.984V219.08L104.004 223.952V225.848ZM112.371 227V216.944H109.035V215.456L112.371 215.336V214.352C112.371 212.928 112.747 211.784 113.499 210.92C114.267 210.056 115.459 209.624 117.075 209.624C118.227 209.624 119.347 209.848 120.435 210.296L119.979 211.784C119.499 211.56 119.051 211.416 118.635 211.352C118.235 211.272 117.779 211.232 117.267 211.232C116.211 211.232 115.451 211.504 114.987 212.048C114.539 212.576 114.315 213.32 114.315 214.28V215.336H119.211V216.944H114.315V227H112.371ZM128.153 227.288C127.385 227.288 126.649 227.152 125.945 226.88C125.257 226.608 124.649 226.216 124.121 225.704C123.593 225.176 123.169 224.536 122.849 223.784C122.545 223.016 122.393 222.152 122.393 221.192C122.393 220.216 122.545 219.352 122.849 218.6C123.169 217.832 123.593 217.184 124.121 216.656C124.649 216.128 125.257 215.728 125.945 215.456C126.649 215.184 127.385 215.048 128.153 215.048C128.921 215.048 129.649 215.184 130.337 215.456C131.041 215.728 131.657 216.128 132.185 216.656C132.713 217.184 133.129 217.832 133.433 218.6C133.753 219.352 133.913 220.216 133.913 221.192C133.913 222.152 133.753 223.016 133.433 223.784C133.129 224.536 132.713 225.176 132.185 225.704C131.657 226.216 131.041 226.608 130.337 226.88C129.649 227.152 128.921 227.288 128.153 227.288ZM128.153 225.656C128.713 225.656 129.217 225.552 129.665 225.344C130.129 225.12 130.521 224.816 130.841 224.432C131.177 224.032 131.433 223.56 131.609 223.016C131.785 222.472 131.873 221.864 131.873 221.192C131.873 220.52 131.785 219.912 131.609 219.368C131.433 218.808 131.177 218.328 130.841 217.928C130.521 217.528 130.129 217.224 129.665 217.016C129.217 216.792 128.713 216.68 128.153 216.68C127.593 216.68 127.081 216.792 126.617 217.016C126.169 217.224 125.777 217.528 125.441 217.928C125.121 218.328 124.873 218.808 124.697 219.368C124.521 219.912 124.433 220.52 124.433 221.192C124.433 221.864 124.521 222.472 124.697 223.016C124.873 223.56 125.121 224.032 125.441 224.432C125.777 224.816 126.169 225.12 126.617 225.344C127.081 225.552 127.593 225.656 128.153 225.656ZM138.848 227V215.336H140.48L140.648 218.096H140.72C141.328 217.152 142.072 216.408 142.952 215.864C143.848 215.32 144.84 215.048 145.928 215.048C146.36 215.048 146.76 215.088 147.128 215.168C147.496 215.232 147.864 215.352 148.232 215.528L147.776 217.232C147.36 217.088 147.008 216.984 146.72 216.92C146.448 216.856 146.08 216.824 145.616 216.824C144.736 216.824 143.888 217.08 143.072 217.592C142.272 218.088 141.52 218.944 140.816 220.16V227H138.848ZM151.126 227V215.336H152.71L152.878 216.872H152.926C153.23 216.328 153.582 215.888 153.982 215.552C154.382 215.216 154.918 215.048 155.59 215.048C156.726 215.048 157.462 215.72 157.798 217.064C158.134 216.44 158.502 215.952 158.902 215.6C159.318 215.232 159.862 215.048 160.534 215.048C161.35 215.048 161.982 215.36 162.43 215.984C162.894 216.592 163.126 217.48 163.126 218.648V227H161.158V218.792C161.158 217.432 160.742 216.752 159.91 216.752C159.494 216.752 159.158 216.904 158.902 217.208C158.646 217.496 158.358 217.944 158.038 218.552V227H156.214V218.792C156.214 218.12 156.118 217.616 155.926 217.28C155.75 216.928 155.446 216.752 155.014 216.752C154.598 216.752 154.246 216.904 153.958 217.208C153.67 217.496 153.382 217.944 153.094 218.552V227H151.126ZM185.716 227.288C184.948 227.288 184.212 227.152 183.508 226.88C182.82 226.608 182.212 226.216 181.684 225.704C181.156 225.176 180.732 224.536 180.412 223.784C180.108 223.016 179.956 222.152 179.956 221.192C179.956 220.216 180.108 219.352 180.412 218.6C180.732 217.832 181.156 217.184 181.684 216.656C182.212 216.128 182.82 215.728 183.508 215.456C184.212 215.184 184.948 215.048 185.716 215.048C186.484 215.048 187.212 215.184 187.9 215.456C188.604 215.728 189.22 216.128 189.748 216.656C190.276 217.184 190.692 217.832 190.996 218.6C191.316 219.352 191.476 220.216 191.476 221.192C191.476 222.152 191.316 223.016 190.996 223.784C190.692 224.536 190.276 225.176 189.748 225.704C189.22 226.216 188.604 226.608 187.9 226.88C187.212 227.152 186.484 227.28
<rect x="29" y="362" width="371" height="49" rx="6" fill="#FDE7C7"/>
<path d="M51.376 398.648V397.52H52.6C53.208 397.52 53.704 397.48 54.088 397.4C54.488 397.32 54.8 397.192 55.024 397.016C55.248 396.84 55.4 396.608 55.48 396.32C55.56 396.048 55.6 395.72 55.6 395.336C55.6 394.6 55.576 393.896 55.528 393.224C55.48 392.552 55.456 391.808 55.456 390.992C55.456 390.208 55.608 389.616 55.912 389.216C56.216 388.8 56.784 388.52 57.616 388.376V388.28C56.784 388.136 56.216 387.864 55.912 387.464C55.608 387.048 55.456 386.448 55.456 385.664C55.456 384.912 55.48 384.176 55.528 383.456C55.576 382.72 55.6 382.008 55.6 381.32C55.6 380.936 55.56 380.608 55.48 380.336C55.4 380.048 55.248 379.816 55.024 379.64C54.8 379.464 54.488 379.336 54.088 379.256C53.704 379.176 53.208 379.136 52.6 379.136H51.376V378.008H52.84C53.592 378.008 54.24 378.064 54.784 378.176C55.344 378.272 55.808 378.44 56.176 378.68C56.544 378.92 56.816 379.248 56.992 379.664C57.168 380.064 57.256 380.576 57.256 381.2C57.256 382.032 57.216 382.824 57.136 383.576C57.072 384.312 57.04 385.064 57.04 385.832C57.04 386.072 57.088 386.304 57.184 386.528C57.28 386.736 57.456 386.928 57.712 387.104C57.968 387.28 58.32 387.424 58.768 387.536C59.232 387.648 59.816 387.704 60.52 387.704V388.952C59.816 388.952 59.232 389.008 58.768 389.12C58.32 389.232 57.968 389.376 57.712 389.552C57.456 389.728 57.28 389.928 57.184 390.152C57.088 390.36 57.04 390.584 57.04 390.824C57.04 391.224 57.048 391.608 57.064 391.976C57.096 392.344 57.12 392.712 57.136 393.08C57.168 393.448 57.192 393.832 57.208 394.232C57.24 394.616 57.256 395.024 57.256 395.456C57.256 396.08 57.168 396.592 56.992 396.992C56.816 397.408 56.544 397.736 56.176 397.976C55.808 398.216 55.344 398.384 54.784 398.48C54.24 398.592 53.592 398.648 52.84 398.648H51.376Z" fill="#4E5769"/>
<rect x="9" y="43" width="411" height="392" rx="6" stroke="white" stroke-linejoin="bevel"/>
</svg>