Code Monkey home page Code Monkey logo

react-deep-dive-example's Introduction

react-deep-dive-example

《모던 리액트 Deep Dive》 예제 코드입니다.

Table of Contents

chapter2 📁

react 📁

2장에서 다룬 리액트와 관련된 리액트 예제를 모아두었습니다.

chapter3 📁

next-example 📁

3-3 장에서 다룬 nextjs 에 대한 예제 애플리케이션입니다.

ssr-example 📁

3-2 장에서 다룬 리액트 서버사이드 렌더링 api를 바탕으로 실제 리액트 api 를 기반으로 바닐라 서버사이드 렌더링 애플리케이션을 만든 예제 애플리케이션입니다.

chapter6 📁

eslint-plugin-yceffort 📁

6-1 장에서 다룬 사용자 정의 eslint-plugin을 만들어본 예제 입니다. eslint-plugin-yceffort라는 이름으로 만들어졌습니다.

react-test 📁

6-2 장에서 다룬 리액트 테스트 코드관련 예제 코드를 모아두었습니다.

chapter7 📁

danger-react-app 📁

7-2장 에서 다룬 보안 취약점이 있는 리액트 애플리케이션을 수정한 예제 입니다. 주요 보안 이슈를 수정했지만 여전히 잠재적인 보안 취약점이 있을 수 있으므로 사용하는 것을 권장하지 않습니다.

deploy 📁

zero-to-next 📁

7-1장 에서 다룬 빈 폴더에서 부터 nextjs 애플리케이션을 만들어본 예제입니다.

chapter8 📁

next13 📁

8-3 장에서 다룬 next@13 에서 베타로 제공 되고 있는 app directory 를 활용한 예제 애플리케이션입니다.

react-gradual-demo 📁

8-1장 리액트 17의 변경에 대해서 다룬 내용 중 하나인 리액트의 점진적이니 업데이트를 구현해본 예제 애플리케이션입니다.

server-components-demo 📁

8-3 장에서 소개한 서버 컴포넌트에 대한 예제 애플리케이션입니다. nextjs와 같은 프레임워크를 사용하지 않은 순수 리액트 서버 컴포넌트 예제 입니다.

react-deep-dive-example's People

Contributors

wikibook avatar yceffort avatar yceffort-naver avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.