Dry는 고급 상속 기능 등에 대한 최고 수준의 지원을 갖춘 Liquid 템플릿 언어의 상위 집합입니다.
이 프로젝트의 작성자인 Jon Schlinkert를 팔로우하고 프로젝트에 출연하여 여러분의 ❤️과 지지를 보여주세요.
npm으로 설치합니다(Node.js >=14 필요).
$ npm install --save dry
시작하는 가장 간단한 방법은 템플릿 문자열과 데이터 개체("컨텍스트")를 사용하는 render
메서드를 사용하는 것입니다.
const { render } = require ( 'dry' ) ; // render is async
console . log ( await render ( 'Hello, {{ name }}!' , { name : 'Brian' } ) ) ; //=> Hello, Brian!
위의 코드를 사용하면 Dry에 필요한 거의 모든 작업을 수행할 수 있습니다.
태그, 필터, 변수 등!
Liquid 템플릿 언어의 모든 기능에 대해 알아보려면 Shopify Liquid 문서를 참조하십시오. Liquid로 할 수 있다면 Dry로도 할 수 있어야 합니다. (그리고 Dry로 할 수 없다면 버그이므로 이슈를 만들어 주시기 바랍니다. 감사합니다!)
문서가 준비 중입니다. 그동안 이 Liquid 문서를 사용하여 모든 언어 기능에 대해 알아보고 위의 코드 조각을 사용하여 템플릿을 렌더링할 수 있습니다!
? 이번 출시에는 시간이 좀 걸렸습니다. 다음은 몇 가지 주요 내용입니다!
중요한 것 먼저
내가 돌아왔다! 최근에 자주 가본 적이 없다는 건 알지만 모든 것이 곧 바뀔 예정입니다! 이번 컴백을 시작하는 데 필요한 격려와 지원을 제공해 주신 GitHub의 모든 후원자와 친구들 @doowb에게 감사드립니다.
저와 이 저장소를 팔로우하여 업데이트를 받아보시고, Dry에 기여하여 Node.js에서 가장 강력한 템플릿 라이브러리를 만들 수 있도록 해주세요!
왜 건조합니까? React와 Vue가 미래가 아닌가요?
예, 그렇습니다. Dry는 그들과 경쟁하지 않습니다. 우리는 Shopify와 Jekyll이 Liquid를 사용하는 것과 같은 방식으로 Dry를 사용합니다. 많은 최종 사용자는 JavaScript 작성 방법을 모르고 많은 개발자는 JavaScript 작성을 선호하지 않습니다. 저는 JavaScript 작성을 좋아하고 Vue와 React를 좋아하지만 일반 텍스트 HTML 템플릿을 사용하여 5분 안에 사이트를 배포하는 것에 대해 만족스러운 것입니다. 또한 Dry를 사용하여 이메일 템플릿, 구성 기반 시스템 메시지 등을 디자인하고 렌더링합니다.
드라이는 뭐가 다른가요?
Dry는 템플릿 상속을 최고 수준으로 지원하는 Shopify Liquid의 상위 집합입니다.
이번 PR의 하이라이트
{% from 'fields' import input as input_field, textarea %}
와 같은 복잡한 재할당더 많이!
+
로 시작하는 태그가 Dry에 추가되었습니다.
(곧 더 많은 태그를 추가할 예정입니다! Shopify에서 사용하는 section
및 기타 태그와 마찬가지로)
+ Apply
Assign
+ Block
Break
Capture
Case
Comment
+ Content
Continue
Cycle
Decrement
Echo
+ Embed
+ Extends
For
+ From
If
Ifchanged
+ Import
Include
Increment
+ Layout
Liquid
+ Macro
+ Paginate
Raw
Render
+ Set
+ Switch
TableRow
Unless
+ Verbatim
+ With
끌어오기 요청과 별표는 언제나 환영합니다. 버그 및 기능 요청이 있는 경우 이슈를 생성해 주세요.
이슈 개시, 끌어오기 요청 및 코딩 표준에 대한 조언은 기여 가이드를 읽어보세요.
단위 테스트를 실행하고 검토하는 것은 라이브러리와 해당 API에 익숙해지는 좋은 방법입니다. 다음 명령을 사용하여 종속 항목을 설치하고 테스트를 실행할 수 있습니다.
$ npm install && npm test
(이 프로젝트의 readme.md는 동사에 의해 생성됩니다. readme를 직접 편집하지 마십시오. readme에 대한 모든 변경 사항은 .verb.md readme 템플릿에서 이루어져야 합니다.)
Readme를 생성하려면 다음 명령을 실행하십시오.
$ npm install -g verbose/verb#dev verb-generate-readme && verb
존 슐린커트
저작권 © 2021, 존 슐링커트. MIT 라이센스에 따라 출시되었습니다.
이 파일은 2021년 7월 20일 verb-generate-readme, v0.8.0에 의해 생성되었습니다.