René's URL Explorer Experiment

Title: GitHub - undefinedschool/notes-react-basics: Notas sobre conceptos básicos de React · GitHub

Open Graph Title: GitHub - undefinedschool/notes-react-basics: Notas sobre conceptos básicos de React

X Title: GitHub - undefinedschool/notes-react-basics: Notas sobre conceptos básicos de React

Description: Notas sobre conceptos básicos de React. Contribute to undefinedschool/notes-react-basics development by creating an account on GitHub.

Open Graph Description: Notas sobre conceptos básicos de React. Contribute to undefinedschool/notes-react-basics development by creating an account on GitHub.

X Description: Notas sobre conceptos básicos de React. Contribute to undefinedschool/notes-react-basics development by creating an account on GitHub.

Opengraph URL: https://github.com/undefinedschool/notes-react-basics

X: @github

direct link

Domain: github.com

route-pattern	/:user_id/:repository
route-controller	files
route-action	disambiguate
fetch-nonce	v2:2e578b3d-4663-ac85-d612-5b78cb5f1622
current-catalog-service-hash	f3abb0cc802f3d7b95fc8762b94bdcb13bf39634c40c357301c4aa1d67a256fb
request-id	A232:1485C9:147D972:1C98152:6A4DF299
html-safe-nonce	2418c35c5d526ffe8e48e5d38036bbe797efd2ba28d701c4a0b6bdf6645bb72f
visitor-payload	eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJBMjMyOjE0ODVDOToxNDdEOTcyOjFDOTgxNTI6NkE0REYyOTkiLCJ2aXNpdG9yX2lkIjoiMzY3NzI3MTM4MDUxNDk2MDAyNSIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac	b9487cbc632d905ee3c90762eb9a82ee96a8b243642f8efe34509e81638d575d
hovercard-subject-tag	repository:242818762
github-keyboard-shortcuts	repository,copilot
google-site-verification	Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-url	https://collector.github.com/github/collect
analytics-location	//
fb:app_id	1401488693436528
apple-itunes-app	app-id=1477376905, app-argument=https://github.com/undefinedschool/notes-react-basics
twitter:image	https://opengraph.githubassets.com/91801be8e14a9f41b52d3beafd95b7245b8a4bb8bef07b77e2ee71f3f75162ec/undefinedschool/notes-react-basics
twitter:card	summary_large_image
og:image	https://opengraph.githubassets.com/91801be8e14a9f41b52d3beafd95b7245b8a4bb8bef07b77e2ee71f3f75162ec/undefinedschool/notes-react-basics
og:image:alt	Notas sobre conceptos básicos de React. Contribute to undefinedschool/notes-react-basics development by creating an account on GitHub.
og:image:width	1200
og:image:height	600
og:site_name	GitHub
og:type	object
hostname	github.com
expected-hostname	github.com
None	5818716c93c6a2925b815402541a32814e43a7b1261c322b0c2df75224289566
turbo-cache-control	no-cache
go-import	github.com/undefinedschool/notes-react-basics git https://github.com/undefinedschool/notes-react-basics.git
octolytics-dimension-user_id	47254391
octolytics-dimension-user_login	undefinedschool
octolytics-dimension-repository_id	242818762
octolytics-dimension-repository_nwo	undefinedschool/notes-react-basics
octolytics-dimension-repository_public	true
octolytics-dimension-repository_is_fork	false
octolytics-dimension-repository_network_root_id	242818762
octolytics-dimension-repository_network_root_nwo	undefinedschool/notes-react-basics
turbo-body-classes	logged-out env-production page-responsive
disable-turbo	false
browser-stats-url	https://api.github.com/_private/browser/stats
browser-errors-url	https://api.github.com/_private/browser/errors
release	f4bb89367ca678f057d79b1abc45d6675b1bd5b2
ui-target	full
theme-color	#1e2327
color-scheme	light dark

Links:

Skip to content	https://github.com/undefinedschool/notes-react-basics/#start-of-content
	https://github.com/
Sign in	https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fundefinedschool%2Fnotes-react-basics%2F
GitHub CopilotWrite better code with AI	https://github.com/features/copilot
GitHub Copilot appDirect agents from issue to merge	https://github.com/features/ai/github-app
MCP RegistryNewIntegrate external tools	https://github.com/mcp
ActionsAutomate any workflow	https://github.com/features/actions
CodespacesInstant dev environments	https://github.com/features/codespaces
IssuesPlan and track work	https://github.com/features/issues
Code ReviewManage code changes	https://github.com/features/code-review
GitHub Advanced SecurityFind and fix vulnerabilities	https://github.com/security/advanced-security
Code securitySecure your code as you build	https://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they start	https://github.com/security/advanced-security/secret-protection
Why GitHub	https://github.com/why-github
Documentation	https://docs.github.com
Blog	https://github.blog
Changelog	https://github.blog/changelog
Marketplace	https://github.com/marketplace
View all features	https://github.com/features
Enterprises	https://github.com/enterprise
Small and medium teams	https://github.com/team
Startups	https://github.com/enterprise/startups
Nonprofits	https://github.com/solutions/industry/nonprofits
App Modernization	https://github.com/solutions/use-case/app-modernization
DevSecOps	https://github.com/solutions/use-case/devsecops
DevOps	https://github.com/solutions/use-case/devops
CI/CD	https://github.com/solutions/use-case/ci-cd
View all use cases	https://github.com/solutions/use-case
Healthcare	https://github.com/solutions/industry/healthcare
Financial services	https://github.com/solutions/industry/financial-services
Manufacturing	https://github.com/solutions/industry/manufacturing
Government	https://github.com/solutions/industry/government
View all industries	https://github.com/solutions/industry
View all solutions	https://github.com/solutions
AI	https://github.com/resources/articles?topic=ai
Software Development	https://github.com/resources/articles?topic=software-development
DevOps	https://github.com/resources/articles?topic=devops
Security	https://github.com/resources/articles?topic=security
View all topics	https://github.com/resources/articles
Customer stories	https://github.com/customer-stories
Events & webinars	https://github.com/resources/events
Ebooks & reports	https://github.com/resources/whitepapers
Business insights	https://github.com/solutions/executive-insights
GitHub Skills	https://skills.github.com
Documentation	https://docs.github.com
Customer support	https://support.github.com
Community forum	https://github.com/orgs/community/discussions
Trust center	https://github.com/trust-center
Partners	https://github.com/partners
View all resources	https://github.com/resources
GitHub SponsorsFund open source developers	https://github.com/sponsors
Security Lab	https://securitylab.github.com
Maintainer Community	https://maintainers.github.com
Accelerator	https://github.com/accelerator
GitHub Stars	https://stars.github.com
Archive Program	https://archiveprogram.github.com
Topics	https://github.com/topics
Trending	https://github.com/trending
Collections	https://github.com/collections
Enterprise platformAI-powered developer platform	https://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security features	https://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI features	https://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 support	https://github.com/premium-support
Pricing	https://github.com/pricing
Search syntax tips	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentation	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in	https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2Fundefinedschool%2Fnotes-react-basics%2F
Sign up	https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E&source=header-repo&source_repo=undefinedschool%2Fnotes-react-basics
Reload	https://github.com/undefinedschool/notes-react-basics/
Reload	https://github.com/undefinedschool/notes-react-basics/
Reload	https://github.com/undefinedschool/notes-react-basics/
Please reload this page	https://github.com/undefinedschool/notes-react-basics/
undefinedschool	https://github.com/undefinedschool
notes-react-basics	https://github.com/undefinedschool/notes-react-basics
Notifications	https://github.com/login?return_to=%2Fundefinedschool%2Fnotes-react-basics
Fork 1	https://github.com/login?return_to=%2Fundefinedschool%2Fnotes-react-basics
Star 3	https://github.com/login?return_to=%2Fundefinedschool%2Fnotes-react-basics
Code	https://github.com/undefinedschool/notes-react-basics
Issues 0	https://github.com/undefinedschool/notes-react-basics/issues
Pull requests 0	https://github.com/undefinedschool/notes-react-basics/pulls
Actions	https://github.com/undefinedschool/notes-react-basics/actions
Projects	https://github.com/undefinedschool/notes-react-basics/projects
Security and quality 0	https://github.com/undefinedschool/notes-react-basics/security
Insights	https://github.com/undefinedschool/notes-react-basics/pulse
Code	https://github.com/undefinedschool/notes-react-basics
Issues	https://github.com/undefinedschool/notes-react-basics/issues
Pull requests	https://github.com/undefinedschool/notes-react-basics/pulls
Actions	https://github.com/undefinedschool/notes-react-basics/actions
Projects	https://github.com/undefinedschool/notes-react-basics/projects
Security and quality	https://github.com/undefinedschool/notes-react-basics/security
Insights	https://github.com/undefinedschool/notes-react-basics/pulse
	https://github.com/undefinedschool/notes-react-basics
Branches	https://github.com/undefinedschool/notes-react-basics/branches
Tags	https://github.com/undefinedschool/notes-react-basics/tags
	https://github.com/undefinedschool/notes-react-basics/branches
	https://github.com/undefinedschool/notes-react-basics/tags
67 Commits	https://github.com/undefinedschool/notes-react-basics/commits/master/
	https://github.com/undefinedschool/notes-react-basics/commits/master/
LICENSE	https://github.com/undefinedschool/notes-react-basics/blob/master/LICENSE
LICENSE	https://github.com/undefinedschool/notes-react-basics/blob/master/LICENSE
README.md	https://github.com/undefinedschool/notes-react-basics/blob/master/README.md
README.md	https://github.com/undefinedschool/notes-react-basics/blob/master/README.md
README	https://github.com/undefinedschool/notes-react-basics/
MIT license	https://github.com/undefinedschool/notes-react-basics/
	https://github.com/undefinedschool/notes-react-basics/#react-conceptos-básicos
todas las notas	https://github.com/undefinedschool/notes
	https://github.com/undefinedschool/notes-react-basics/#-ver-todas-las-notas
	https://github.com/undefinedschool/notes-react-basics/#contenido
React Element	https://github.com/undefinedschool/notes-react-basics#react-element
React Component	https://github.com/undefinedschool/notes-react-basics#react-component
Props	https://github.com/undefinedschool/notes-react-basics#props
State	https://github.com/undefinedschool/notes-react-basics#state
Props vs State	https://github.com/undefinedschool/notes-react-basics#props-vs-state
Debe un componente tener estado?	https://github.com/undefinedschool/notes-react-basics#debe-un-componente-tener-estado
JSX	https://github.com/undefinedschool/notes-react-basics#jsx
Comentarios	https://github.com/undefinedschool/notes-react-basics#comentarios
Tipos de componentes	https://github.com/undefinedschool/notes-react-basics#tipos-de-componentes
Functional o Stateless Components	https://github.com/undefinedschool/notes-react-basics#functional-o-stateless-components
Class o Stateful Components	https://github.com/undefinedschool/notes-react-basics#class-o-stateful-components
Accediendo al state	https://github.com/undefinedschool/notes-react-basics#accediendo-al-state
Modificando el state	https://github.com/undefinedschool/notes-react-basics#modificando-el-state
Estilos y CSS	https://github.com/undefinedschool/notes-react-basics#estilos-y-css
Global CSS	https://github.com/undefinedschool/notes-react-basics#global-css
Inline CSS	https://github.com/undefinedschool/notes-react-basics#inline-css
CSS-in-JS	https://github.com/undefinedschool/notes-react-basics#css-in-js
CSS Modules	https://github.com/undefinedschool/notes-react-basics#css-modules
React Component Lifecycle	https://github.com/undefinedschool/notes-react-basics/#react-component-lifecycle
React Hooks	https://github.com/undefinedschool/notes-react-basics/#react-hooks
PropTypes	https://github.com/undefinedschool/notes-react-basics#proptypes
React Developer Tools	https://github.com/undefinedschool/notes-react-basics#react-developer-tools
Create React App	https://github.com/undefinedschool/notes-react-basics#create-react-app
	https://github.com/undefinedschool/notes-react-basics/#react-element
virtual DOM	https://github.com/undefinedschool/notes-react-principles#virtual-dom
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#react-component
estado	https://github.com/undefinedschool/notes-react-basics#state
cada componente debería encargarse de una sola cosa	https://en.wikipedia.org/wiki/Single_responsibility_principle
árbol de componentes	https://reactjs.org/docs/thinking-in-react.html#step-1-break-the-ui-into-a-component-hierarchy
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#props
componentes	https://github.com/undefinedschool/notes-react-basics#react-component
JSX	https://github.com/undefinedschool/notes-react-basics#jsx
[1]	https://github.com/undefinedschool/notes-react-basics/#cite_note-1
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#state
componente	https://github.com/undefinedschool/notes-react-basics#react-component
props	https://github.com/undefinedschool/notes-react-basics#props
props	https://github.com/undefinedschool/notes-react-basics#props
state	https://github.com/undefinedschool/notes-react-basics#state
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#props-vs-state
siempre de arriba hacia abajo	https://github.com/undefinedschool/notes-react-principles#flujo-de-datos-unidireccional-one-way-data-flow
stateless	https://github.com/undefinedschool/notes-react-basics#functional-o-stateless-components
ReactJS: Props vs. State	https://lucybain.com/blog/2016/react-state-vs-pros/
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#debe-un-componente-tener-estado
componentes sin estado	https://github.com/undefinedschool/notes-react-basics#functional-o-stateless-components
componentes con estado	https://github.com/undefinedschool/notes-react-basics#class-o-stateful-components
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#jsx
JSX	https://facebook.github.io/jsx/
Babel	https://babeljs.io/
props	https://github.com/undefinedschool/notes-react-basics#props
state	https://github.com/undefinedschool/notes-react-basics#state
JSX in Depth	https://reactjs.org/docs/jsx-in-depth.html
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#comentarios
Fragments	https://github.com/undefinedschool/notes-react-basics#fragments
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#tipos-de-componentes
	https://github.com/undefinedschool/notes-react-basics/#functional-o-stateless-components
funciones puras	https://www.freecodecamp.org/news/what-is-a-pure-function-in-javascript-acb887375dfe/
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#class-o-stateful-components
clases	https://github.com/undefinedschool/notes-oop-js/blob/master/README.md#class
state	https://github.com/undefinedschool/notes-react-basics#state
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#accediendo-al-state
state	https://github.com/undefinedschool/notes-react-basics#state
super	https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/super
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#modificando-el-state
state	https://github.com/undefinedschool/notes-react-basics#state
Class Component	https://github.com/undefinedschool/notes-react-basics/#class-o-stateful-components
callback	https://github.com/undefinedschool/notes-callbacks
[2]	https://github.com/undefinedschool/notes-react-basics/#cite_note-2
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#estilos-y-css
classnames	https://www.npmjs.com/package/classnames#usage-with-reactjs
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#global-css
CRA	https://github.com/facebook/create-react-app
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#inline-css
[3]	https://github.com/undefinedschool/notes-react-basics/#cite_note-3
camelCase	https://en.wikipedia.org/wiki/Camel_case
JSX	https://github.com/undefinedschool/notes-react-basics#jsx
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#css-in-js
React: CSS-in-JS - Christopher "vjeux" Chedeau	https://speakerdeck.com/vjeux/react-css-in-js
comparación de librerías CSS-in-JS	https://github.com/MicheleBertoli/css-in-js
	https://www.youtube.com/watch?v=jjN2yURa_uM
The Road to Styled Components - Max Stoiber (React Conf 2017)	https://www.youtube.com/watch?v=jjN2yURa_uM
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#css-modules
	https://camo.githubusercontent.com/d473b1c85815899d10fce57c93edb3f4f09fd0f70a0960accebd8e8a72c962ff/68747470733a2f2f6d69726f2e6d656469756d2e636f6d2f6d61782f313738362f312a58357a42337449355f78614e6533515653326c4e6a672e706e67
What are CSS Modules? A visual introduction	https://www.javascriptstuff.com/what-are-css-modules/
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#react-component-lifecycle
notas sobre React Component Lifecycle	https://github.com/undefinedschool/notes-react-component-lifecycle
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#react-hooks
notas sobre React Hooks	https://github.com/undefinedschool/notes-react-hooks/
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#proptypes
PropTypes	https://reactjs.org/docs/typechecking-with-proptypes.html
	https://github.com/undefinedschool/notes-react-basics/#isrequired
	https://github.com/undefinedschool/notes-react-basics/#proptypes-compuestas
	https://github.com/undefinedschool/notes-react-basics/#proptypesexact
	https://github.com/undefinedschool/notes-react-basics/#proptypesoneof
	https://github.com/undefinedschool/notes-react-basics/#proptypesoneoftype
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#react-developer-tools
React Developer Tools para Chrome	https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=es
React Developer Tools para Firefox	https://addons.mozilla.org/es/firefox/addon/react-devtools/
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
	https://github.com/undefinedschool/notes-react-basics/#create-react-app
↑ Ir al inicio	https://github.com/undefinedschool/notes-react-basics#contenido
1	https://github.com/undefinedschool/notes-react-basics/#cite_ref-1
one-way data flow	https://github.com/undefinedschool/notes-react-principles#flujo-de-datos-unidireccional-one-way-data-flow
2	https://github.com/undefinedschool/notes-react-basics/#cite_ref-2
setState es asincrónico	https://medium.com/@wereHamster/beware-react-setstate-is-asynchronous-ce87ef1a9cf3
3	https://github.com/undefinedschool/notes-react-basics/#cite_ref-3
especificidad	https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity
Readme	https://github.com/undefinedschool/notes-react-basics/#readme-ov-file
MIT license	https://github.com/undefinedschool/notes-react-basics/#MIT-1-ov-file
Please reload this page	https://github.com/undefinedschool/notes-react-basics/
Activity	https://github.com/undefinedschool/notes-react-basics/activity
Custom properties	https://github.com/undefinedschool/notes-react-basics/custom-properties
1 fork	https://github.com/undefinedschool/notes-react-basics/forks
Report repository	https://github.com/contact/report-content?content_url=https%3A%2F%2Fgithub.com%2Fundefinedschool%2Fnotes-react-basics&report=undefinedschool+%28user%29
Releases	https://github.com/undefinedschool/notes-react-basics/releases
Packages 0	https://github.com/orgs/undefinedschool/packages?repo_name=notes-react-basics
Please reload this page	https://github.com/undefinedschool/notes-react-basics/
Contributors	https://github.com/undefinedschool/notes-react-basics/graphs/contributors
Please reload this page	https://github.com/undefinedschool/notes-react-basics/
	https://github.com
Terms	https://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacy	https://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Security	https://github.com/security
Status	https://www.githubstatus.com/
Community	https://github.community/
Docs	https://docs.github.com/
Contact	https://support.github.com?tags=dotcom-footer

Viewport: width=device-width

URLs of crawlers that visited me.