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.
5452 Commits
2 Branches
0 Tags
148 MiB
Tree: fb12ba280c
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'fb12ba280c'
${ noResults }
react.dev/beta/public/images/docs/diagrams/writing_jsx_js.dark.svg

9 lines
41 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="314" viewBox="0 0 430 314" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="31" y="34" width="368" height="278" rx="6" fill="#23252F"/>
<rect x="51" y="54" width="328" height="154" rx="6" fill="#FDE7C7"/>
<path d="M78.2 98.288C77.432 98.288 76.696 98.152 75.992 97.88C75.304 97.608 74.696 97.216 74.168 96.704C73.64 96.176 73.216 95.536 72.896 94.784C72.592 94.016 72.44 93.152 72.44 92.192C72.44 91.216 72.592 90.352 72.896 89.6C73.216 88.832 73.64 88.184 74.168 87.656C74.696 87.128 75.304 86.728 75.992 86.456C76.696 86.184 77.432 86.048 78.2 86.048C78.968 86.048 79.696 86.184 80.384 86.456C81.088 86.728 81.704 87.128 82.232 87.656C82.76 88.184 83.176 88.832 83.48 89.6C83.8 90.352 83.96 91.216 83.96 92.192C83.96 93.152 83.8 94.016 83.48 94.784C83.176 95.536 82.76 96.176 82.232 96.704C81.704 97.216 81.088 97.608 80.384 97.88C79.696 98.152 78.968 98.288 78.2 98.288ZM78.2 96.656C78.76 96.656 79.264 96.552 79.712 96.344C80.176 96.12 80.568 95.816 80.888 95.432C81.224 95.032 81.48 94.56 81.656 94.016C81.832 93.472 81.92 92.864 81.92 92.192C81.92 91.52 81.832 90.912 81.656 90.368C81.48 89.808 81.224 89.328 80.888 88.928C80.568 88.528 80.176 88.224 79.712 88.016C79.264 87.792 78.76 87.68 78.2 87.68C77.64 87.68 77.128 87.792 76.664 88.016C76.216 88.224 75.824 88.528 75.488 88.928C75.168 89.328 74.92 89.808 74.744 90.368C74.568 90.912 74.48 91.52 74.48 92.192C74.48 92.864 74.568 93.472 74.744 94.016C74.92 94.56 75.168 95.032 75.488 95.432C75.824 95.816 76.216 96.12 76.664 96.344C77.128 96.552 77.64 96.656 78.2 96.656ZM87.6226 98V86.336H89.2546L89.4226 88.328H89.5186C90.1266 87.672 90.7826 87.128 91.4866 86.696C92.1906 86.264 92.9986 86.048 93.9106 86.048C95.3026 86.048 96.3186 86.448 96.9586 87.248C97.6146 88.032 97.9426 89.2 97.9426 90.752V98H95.9746V91.016C95.9746 89.912 95.7666 89.096 95.3506 88.568C94.9346 88.024 94.2466 87.752 93.2866 87.752C92.9346 87.752 92.6066 87.8 92.3026 87.896C92.0146 87.976 91.7266 88.104 91.4386 88.28C91.1506 88.456 90.8546 88.68 90.5506 88.952C90.2466 89.208 89.9266 89.512 89.5906 89.864V98H87.6226ZM107.101 98.288C105.949 98.288 104.885 98.08 103.909 97.664C102.949 97.248 102.109 96.68 101.389 95.96L102.589 94.568C103.181 95.16 103.869 95.64 104.653 96.008C105.437 96.36 106.285 96.536 107.197 96.536C108.285 96.536 109.125 96.304 109.717 95.84C110.325 95.376 110.629 94.776 110.629 94.04C110.629 93.624 110.557 93.272 110.413 92.984C110.269 92.696 110.069 92.448 109.813 92.24C109.557 92.032 109.253 91.848 108.901 91.688C108.565 91.528 108.197 91.36 107.797 91.184L105.541 90.2C105.141 90.04 104.741 89.848 104.341 89.624C103.941 89.4 103.573 89.128 103.237 88.808C102.917 88.488 102.653 88.112 102.445 87.68C102.237 87.232 102.133 86.72 102.133 86.144C102.133 85.552 102.261 85 102.517 84.488C102.773 83.976 103.125 83.536 103.573 83.168C104.037 82.784 104.581 82.488 105.205 82.28C105.845 82.072 106.541 81.968 107.293 81.968C108.285 81.968 109.197 82.152 110.029 82.52C110.861 82.872 111.565 83.336 112.141 83.912L111.085 85.208C110.573 84.744 110.005 84.384 109.381 84.128C108.757 83.856 108.037 83.72 107.221 83.72C106.309 83.72 105.573 83.928 105.013 84.344C104.453 84.744 104.173 85.304 104.173 86.024C104.173 86.408 104.253 86.736 104.413 87.008C104.589 87.264 104.805 87.496 105.061 87.704C105.333 87.896 105.637 88.064 105.973 88.208C106.309 88.352 106.645 88.496 106.981 88.64L109.189 89.6C109.669 89.792 110.117 90.016 110.533 90.272C110.965 90.512 111.333 90.8 111.637 91.136C111.957 91.456 112.205 91.84 112.381 92.288C112.573 92.72 112.669 93.224 112.669 93.8C112.669 94.424 112.541 95.008 112.285 95.552C112.029 96.096 111.661 96.576 111.181 96.992C110.701 97.392 110.117 97.712 109.429 97.952C108.741 98.176 107.965 98.288 107.101 98.288ZM120.076 98.288C118.668 98.288 117.636 97.896 116.98 97.112C116.34 96.312 116.02 95.136 116.02 93.584V86.336H118.012V93.32C118.012 94.424 118.212 95.248 118.612 95.792C119.028 96.32 119.724 96.584 120.7 96.584C121.372 96.584 121.98 96.416 122.524 96.08C123.068 95.728 123.668 95.176 124.324 94.424V86.336H126.292V98H124.684L124.516 95.96H124.42C123.828 96.648 123.18 97.208 122.476 97.64C121.788 98.072 120.988 98.288 120.076 98.288ZM136.243 98.288C135.683 98.288 135.075 98.152 134.419 97.88C133.779 97.592 133.179 97.2 132.619 96.704H132.547L132.379 98H130.795V80.912H132.763V85.568L
<path d="M78.584 140V129.944H73.16V128.336H80.552V140H78.584ZM79.352 125.888C78.904 125.888 78.528 125.752 78.224 125.48C77.92 125.192 77.768 124.816 77.768 124.352C77.768 123.888 77.92 123.52 78.224 123.248C78.528 122.96 78.904 122.816 79.352 122.816C79.8 122.816 80.176 122.96 80.48 123.248C80.784 123.52 80.936 123.888 80.936 124.352C80.936 124.816 80.784 125.192 80.48 125.48C80.176 125.752 79.8 125.888 79.352 125.888ZM92.8306 140.288C91.6786 140.288 90.6146 140.112 89.6386 139.76C88.6626 139.392 87.8146 138.96 87.0946 138.464L88.0066 137.168C88.6786 137.648 89.4146 138.032 90.2146 138.32C91.0306 138.608 91.9826 138.752 93.0706 138.752C94.0626 138.752 94.7986 138.576 95.2786 138.224C95.7746 137.856 96.0226 137.424 96.0226 136.928C96.0226 136.704 95.9826 136.496 95.9026 136.304C95.8226 136.112 95.6466 135.928 95.3746 135.752C95.1186 135.576 94.7506 135.408 94.2706 135.248C93.7906 135.088 93.1586 134.928 92.3746 134.768C90.8546 134.448 89.7106 134.024 88.9426 133.496C88.1906 132.952 87.8146 132.24 87.8146 131.36C87.8146 130.896 87.9186 130.464 88.1266 130.064C88.3346 129.648 88.6386 129.296 89.0386 129.008C89.4546 128.704 89.9586 128.472 90.5506 128.312C91.1586 128.136 91.8626 128.048 92.6626 128.048C93.5586 128.048 94.4226 128.2 95.2546 128.504C96.0866 128.792 96.7906 129.136 97.3666 129.536L96.4066 130.808C95.8626 130.44 95.2626 130.144 94.6066 129.92C93.9506 129.696 93.2466 129.584 92.4946 129.584C91.5026 129.584 90.8066 129.752 90.4066 130.088C90.0066 130.424 89.8066 130.816 89.8066 131.264C89.8066 131.776 90.0706 132.168 90.5986 132.44C91.1266 132.696 91.9906 132.952 93.1906 133.208C94.1666 133.416 94.9666 133.64 95.5906 133.88C96.2146 134.104 96.7026 134.36 97.0546 134.648C97.4226 134.936 97.6706 135.256 97.7986 135.608C97.9426 135.96 98.0146 136.36 98.0146 136.808C98.0146 137.288 97.9026 137.736 97.6786 138.152C97.4546 138.568 97.1186 138.936 96.6706 139.256C96.2386 139.576 95.6946 139.824 95.0386 140C94.3986 140.192 93.6626 140.288 92.8306 140.288ZM102.997 140V124.256H104.965V138.296H112.765V140H102.997ZM121.372 140.288C120.604 140.288 119.868 140.152 119.164 139.88C118.476 139.608 117.868 139.216 117.34 138.704C116.812 138.176 116.388 137.536 116.068 136.784C115.764 136.016 115.612 135.152 115.612 134.192C115.612 133.216 115.764 132.352 116.068 131.6C116.388 130.832 116.812 130.184 117.34 129.656C117.868 129.128 118.476 128.728 119.164 128.456C119.868 128.184 120.604 128.048 121.372 128.048C122.14 128.048 122.868 128.184 123.556 128.456C124.26 128.728 124.876 129.128 125.404 129.656C125.932 130.184 126.348 130.832 126.652 131.6C126.972 132.352 127.132 133.216 127.132 134.192C127.132 135.152 126.972 136.016 126.652 136.784C126.348 137.536 125.932 138.176 125.404 138.704C124.876 139.216 124.26 139.608 123.556 139.88C122.868 140.152 122.14 140.288 121.372 140.288ZM121.372 138.656C121.932 138.656 122.436 138.552 122.884 138.344C123.348 138.12 123.74 137.816 124.06 137.432C124.396 137.032 124.652 136.56 124.828 136.016C125.004 135.472 125.092 134.864 125.092 134.192C125.092 133.52 125.004 132.912 124.828 132.368C124.652 131.808 124.396 131.328 124.06 130.928C123.74 130.528 123.348 130.224 122.884 130.016C122.436 129.792 121.932 129.68 121.372 129.68C120.812 129.68 120.3 129.792 119.836 130.016C119.388 130.224 118.996 130.528 118.66 130.928C118.34 131.328 118.092 131.808 117.916 132.368C117.74 132.912 117.652 133.52 117.652 134.192C117.652 134.864 117.74 135.472 117.916 136.016C118.092 136.56 118.34 137.032 118.66 137.432C118.996 137.816 119.388 138.12 119.836 138.344C120.3 138.552 120.812 138.656 121.372 138.656ZM135.667 145.376C133.955 145.376 132.627 145.096 131.683 144.536C130.755 143.976 130.291 143.176 130.291 142.136C130.291 141.672 130.451 141.216 130.771 140.768C131.107 140.32 131.587 139.912 132.211 139.544V139.448C131.891 139.272 131.611 139.032 131.371 138.728C131.131 138.424 131.011 138.024 131.011 137.528C131.011 137.16 131.131 136.784 131.371 136.4C131.611 136 131.955 135.648 132.403 135.344V135.248C132.003 134.944 131.659 134.544 131.371 134.048C131.099 133.536 130.963 132.928 130.963 132.224C130.963 1
<path d="M78.2 182.288C77.432 182.288 76.696 182.152 75.992 181.88C75.304 181.608 74.696 181.216 74.168 180.704C73.64 180.176 73.216 179.536 72.896 178.784C72.592 178.016 72.44 177.152 72.44 176.192C72.44 175.216 72.592 174.352 72.896 173.6C73.216 172.832 73.64 172.184 74.168 171.656C74.696 171.128 75.304 170.728 75.992 170.456C76.696 170.184 77.432 170.048 78.2 170.048C78.968 170.048 79.696 170.184 80.384 170.456C81.088 170.728 81.704 171.128 82.232 171.656C82.76 172.184 83.176 172.832 83.48 173.6C83.8 174.352 83.96 175.216 83.96 176.192C83.96 177.152 83.8 178.016 83.48 178.784C83.176 179.536 82.76 180.176 82.232 180.704C81.704 181.216 81.088 181.608 80.384 181.88C79.696 182.152 78.968 182.288 78.2 182.288ZM78.2 180.656C78.76 180.656 79.264 180.552 79.712 180.344C80.176 180.12 80.568 179.816 80.888 179.432C81.224 179.032 81.48 178.56 81.656 178.016C81.832 177.472 81.92 176.864 81.92 176.192C81.92 175.52 81.832 174.912 81.656 174.368C81.48 173.808 81.224 173.328 80.888 172.928C80.568 172.528 80.176 172.224 79.712 172.016C79.264 171.792 78.76 171.68 78.2 171.68C77.64 171.68 77.128 171.792 76.664 172.016C76.216 172.224 75.824 172.528 75.488 172.928C75.168 173.328 74.92 173.808 74.744 174.368C74.568 174.912 74.48 175.52 74.48 176.192C74.48 176.864 74.568 177.472 74.744 178.016C74.92 178.56 75.168 179.032 75.488 179.432C75.824 179.816 76.216 180.12 76.664 180.344C77.128 180.552 77.64 180.656 78.2 180.656ZM87.6226 182V170.336H89.2546L89.4226 172.328H89.5186C90.1266 171.672 90.7826 171.128 91.4866 170.696C92.1906 170.264 92.9986 170.048 93.9106 170.048C95.3026 170.048 96.3186 170.448 96.9586 171.248C97.6146 172.032 97.9426 173.2 97.9426 174.752V182H95.9746V175.016C95.9746 173.912 95.7666 173.096 95.3506 172.568C94.9346 172.024 94.2466 171.752 93.2866 171.752C92.9346 171.752 92.6066 171.8 92.3026 171.896C92.0146 171.976 91.7266 172.104 91.4386 172.28C91.1506 172.456 90.8546 172.68 90.5506 172.952C90.2466 173.208 89.9266 173.512 89.5906 173.864V182H87.6226ZM108.205 182.288C107.229 182.288 106.325 182.104 105.493 181.736C104.661 181.368 103.933 180.84 103.309 180.152C102.701 179.448 102.221 178.592 101.869 177.584C101.517 176.56 101.341 175.408 101.341 174.128C101.341 172.864 101.517 171.728 101.869 170.72C102.221 169.712 102.709 168.856 103.333 168.152C103.957 167.448 104.701 166.912 105.565 166.544C106.429 166.16 107.373 165.968 108.397 165.968C109.341 165.968 110.173 166.16 110.893 166.544C111.629 166.928 112.229 167.376 112.693 167.888L111.565 169.16C111.149 168.728 110.685 168.384 110.173 168.128C109.661 167.856 109.069 167.72 108.397 167.72C107.645 167.72 106.957 167.872 106.333 168.176C105.725 168.464 105.205 168.888 104.773 169.448C104.341 169.992 104.005 170.656 103.765 171.44C103.525 172.224 103.405 173.104 103.405 174.08C103.405 175.072 103.525 175.968 103.765 176.768C104.005 177.552 104.341 178.224 104.773 178.784C105.205 179.344 105.725 179.776 106.333 180.08C106.957 180.384 107.645 180.536 108.397 180.536C109.117 180.536 109.757 180.384 110.317 180.08C110.893 179.776 111.437 179.344 111.949 178.784L113.077 180.008C112.453 180.728 111.749 181.288 110.965 181.688C110.181 182.088 109.261 182.288 108.205 182.288ZM123.94 182.288C122.692 182.288 121.74 181.936 121.084 181.232C120.428 180.528 120.1 179.48 120.1 178.088V166.52H115.948V164.912H122.068V178.232C122.068 179.096 122.276 179.72 122.692 180.104C123.108 180.472 123.668 180.656 124.372 180.656C125.06 180.656 125.788 180.48 126.556 180.128L127.06 181.592C126.516 181.816 126.02 181.984 125.572 182.096C125.124 182.224 124.58 182.288 123.94 182.288ZM136.147 182V171.944H130.723V170.336H138.115V182H136.147ZM136.915 167.888C136.467 167.888 136.091 167.752 135.787 167.48C135.483 167.192 135.331 166.816 135.331 166.352C135.331 165.888 135.483 165.52 135.787 165.248C136.091 164.96 136.467 164.816 136.915 164.816C137.363 164.816 137.739 164.96 138.043 165.248C138.347 165.52 138.499 165.888 138.499 166.352C138.499 166.816 138.347 167.192 138.043 167.48C137.739 167.752 137.363 167.888 136.915 167.888ZM151.257 182.288C150.345 182.288 149.497 182.152 148.713 181.88C147.945 181.60
<rect x="31" y="34" width="368" height="278" rx="6" stroke="white" stroke-linejoin="bevel"/>
</svg>