분류 Reactjs

10 React 예

컨텐츠 정보

  • 조회 298 (작성일 )

본문

이 기사가 마음에 들면 더 많은 예제를 확인하십시오 [gscode.in]


초보자를 위한 30 개 이상의 무료 React 예제 


https://gscode.in/react-example/


1. 누군가가 SVG의 preserveAspectRatio = "none"레이아웃에 케이스가 있는지 물었기 때문에 시작되었습니다. 

이 react SVG로 레이아웃이 어떻게 변경 될 수 있는지 생각하면서 배경부터 시작했습니다. SVG 및 HTML 요소 모두에서 작동하는 React-Motion 및 CSS가 내장 된 React입니다.


https://codepen.io/sdras/pen/XdgBOa


2. ReactJS에서 하위 구성 요소를 사용하여 다중 상태 구성 요소를 만드는 실험.


https://codepen.io/TylerK/pen/ncJpD


3. React로 만든 아코디언 컴포넌트


https://codepen.io/matthewvincent/pen/EKKeyX


4.

https://codepen.io/marcobiedermann/pen/gfvzx


5.

https://codepen.io/pizza3/pen/jObRRmE


6.

https://codepen.io/Lakston/pen/XjAQdP


7. React의 날짜 선택기에서 날짜 범위를 선택할 수 있습니다.

https://codepen.io/RobVermeer/pen/zBgdwg


8. Star Wars의 BB-8의 React 기반 대화 형 애니메이션.


React + 스트레스 테스트 렌더링에서 애니메이션 처리를 시도해 볼 수 있는 기회입니다. 환상적임이 밝혀졌습니다.


그 주위에 원을 그립니다 : D

https://codepen.io/bullerb/pen/gMpxNZ


9. CSS Box-Shadow 스프라이트 애니메이터를 만드는 데 사용되는 React 16 / Store / Context. 아두 이노 / LED 매트릭스 장치에서 사용할 데이터를 출력하기 위해 이것을 만들었는데,이 작은 것이 되었습니다.

https://codepen.io/pjkarlik/pen/MWWNqaq


10 React로 만든 계산기

https://codepen.io/mjijackson/pen/xOzyGX


초보자를 위한 30 개 이상의 무료 React 예제

https://gscode.in/react-example/