분류 jQuery

풀 스택 프레임 워크-Yoyo를 사용하여 반응 형 PHP 웹 앱 빌드

컨텐츠 정보

  • 조회 202 (작성일 )

본문

Yoyo는 서버 렌더링 HTML을 사용하여 풍부하고 동적인 인터페이스를 생성하는 풀 스택 PHP 프레임 워크입니다. 당신은 PHP를 계속 작성하고 Yoyo가 당신의 창작물을 생생하게 만들어 줍니다. 


Yoyo는 LivewireSprig과 비슷합니다. 왜냐하면 그것들에서 영감을 얻었기 때문입니다. 그러나 특정 프레임 워크 나 CMS에 묶여 있지 않기 때문에 완전히 다릅니다. 모든 프로젝트에서 사용할 수 있습니다. 🚀 자체 간단한 PHP 템플릿 시스템과 함께 제공되며 Blade 및 Twig 템플릿 엔진에 대한 기본 지원도 있습니다.


https://getyoyo.dev/


Yoyo는 htmx를 사용하고 확장하여 최신 브라우저 기능을 HTML로 가져오므로 원하지 않는 한 Javascript를 작성할 필요가 없습니다.


좋아, 우리가 여기서 얼마나 쉽게 이야기하고 있니? 


정말 쉽습니다! 페이지를 다시 로드 하지 않고 카운터를 증가 시키는 클래스와 템플릿으로 구성된 반응 형 Yoyo 구성 요소를 볼 수 있는 아래 코드를 살펴보십시오.


Yoyo component Counter class 


그리고 템플릿 :


Yoyo component Counter template 


마지막으로 페이지의 아무 곳에 나 구성 요소를 표시하려면 다음을 수행하십시오.


Yoyo component render function 


그렇다면 어떻게 작동합니까? 


  • Yoyo는 페이지 로드시 구성 요소의 초기 상태를 렌더링 합니다.
  • 상호 작용이 발생하면 Ajax 요청이 Yoyo 경로로 전송됩니다.
  • Yoyo는 데이터를 처리하고 업데이트 된 구성 요소 HTML 부분을 반환합니다.
  • 마지막으로 업데이트 된 구성 요소 HTML이 페이지에 원활하게 병합됩니다.

이 모든 작업은 페이지를 다시 로드 하지 않고 수행되어 부드럽고 약간 마법 같은 사용자 경험을 제공합니다.


https://github.com/clickfwd/yoyo