2015-01-02 22 views
9

Właśnie zaczynam uczyć się ReactJS i ustalam, czy warto przestawić się z AngularJS do użycia z kolbą. Wiem, że jedną z zalet ReactJS jest sposób, w jaki renderToString działa na renderowanie i ciąg znaków HTML, aby przyspieszyć ładowanie i poprawić SEO. Z tego, co przeczytałem, wynika, że ​​SEO jest znacznie lepsze niż to, co może zrobić AngularJS, chociaż Google stara się poprawić indeksowanie JavaScriptu.Renderowanie po stronie serwera ReactJS w kolbie

Moje pytanie dotyczy tego, w jaki sposób korzyści z SEO będą działały w ramach takich jak np. Flask. Powiedzmy, że mam komponent taki jak ten poniżej i po prostu renderuję go do mojego div. Jeśli chcę renderować ten serwer, potrzebowałbym czegoś takiego jak nodejs lub jakiejś biblioteki Pythona, która może wykonywać Javascript? Jeśli próbuję zrobić React.renderToString (.....), to nic nie robi. Jeśli tak jest w rzeczywistości, czy reklamowane korzyści SEO dla ReactJS naprawdę nie są lepsze niż AngularJS? Proszę mi pomóc zrozumieć to i jeśli jest to możliwe, aby renderować stronę serwera JavaScript z kolbą o tym, jak mogę ją osiągnąć?

var Foo = React.createClass({ 
    render: function() { 
     return (
      <div>Foo</div> 
     ); 
    } 
}); 

React.render(<Foo />, document.getElementById('foo')); 
+1

Istnieje kilka pytań z pytaniem o reakcję + php; odpowiedzi są takie same dla Pythona (np. na przykład zamiana PHPv8 na Pyv8) i równoważny kod Pythona np. [ten jeden] (http://stackoverflow.com/a/26049289/1074592). – FakeRainBrigand

Odpowiedz

2

To dla Django zamiast Kolby ale powinien być łatwy do przystosowania pod spodem technika: https://github.com/markfinger/django-react

+0

Czy wiesz, czy istnieje dobry sposób na to, bez korzystania z wbudowanego skryptu? W ich przykładzie po prostu umieszczają kontekst w wbudowanym znaczniku skryptu. Szukałem alternatywy dla zadowolenia mojego CSP. –

+0

to jest! https://github.com/keredson/bottle-react (działa w butelce i butelce) – keredson

0

Jest widelec Django reagują która teraz przekształciła się w pakiecie bardziej ogólna: https://github.com/mic159/react-render. Będziesz także musiał zainstalować swoją usługę węzła. Może być używany z każdą strukturą Pythona. Jest to zdecydowanie najłatwiejszy sposób na posiadanie szablonów izomorficznych.

Powiązane problemy