Praleisti ir pereiti prie pagrindinio turinio

Laravel: And React preset

React prijungimas prie laravel projekto:

php artisan preset react



toliau naudodamiesi npm diegime react:

npm install && npm run dev


Pastovus pokyčių sekimas:
rpm run watch

Rezultate resources/assets/js/components/example.js: randasi sugeneruotas pavizdinis React komponentas:


Šį komponentą iškviečia app.js:



welcome šablonas atrodo taip:

<!doctype html>
<html lang="{{ app()->getLocale() }}">
   <head>
 ...
    <link href="{{asset('css/app.css')}}" rel="stylesheet" type="text/css">
 ...
 </head>
 <body>   
   <div id="container" class="mt-30">
     <div id="example"></div>
     <script src="{{asset('js/app.js')}}" ></script>
   </div>        
 </body>
</html>




Pvz:


Komentarai

Populiarūs šio tinklaraščio įrašai

VS Code: Simple react snippets

Simple React Snippets Snippets Snippet Renders imr Import React imrc Import React / Component impt Import PropTypes impc Import React / PureComponent cc Class Component ccc Class Component With Constructor sfc Stateless Function Component cdm componentDidMount cwm componentWillMount cwrp componentWillReceiveProps gds getDerivedStateFromProps scu shouldComponentUpdate cwu componentWillUpdate cdu componentDidUpdate cwu componentWillUpdate cdc componentDidCatch gsbu getSnapshotBeforeUpdate ss setState ssf Functional setState ren render rprop Render Prop hoc Higher Order Component Full Expansions imr - Import React import React from 'react'; imrc - Import React, Component import React, { Component } from 'react'; impt - Import PropTypes import PropTypes from 'prop-types'; impc - Import PureComponent import React, { PureComponent } from 'react'; cc - Class Component class | extends Component { state = { | }, ...

Į dešimtainį

toFixed(2) - verčia skaičių į dešimtainį, skliaustuose nurodyta kiek bus skaičių po kablelio. var bePvm= 10.251 + 13.991 + 57.151; var Pvm= bePvm* 0.21; var viso= bePvm + Pvm; console.log(viso.toFixed(2));