React-bootstrap minta

React-bootstrap minta

feb 24, 2020 | Sandbox

Egy Youtube-videó alapján

Találtam egy érdekes youtube-videót, amiben nulláról épít fel a fejlesztő egy minimális react-bootstrap felületet

Érdekesebb elemek:

  •  react-app -ot használ
  • react-bootstrap, bootstrap
  • styled-components, hogy a fájlon belül szerkeszthesse a stílusokat
  • három menüpont, felülre egy Jumbotron kerül

Elkészült a build, simán feltöltöttem apache2 alá. Még be kellett állítani, hogy az aloldalakat ne külön fáljként kezelje, hanem az index.html-be irányítsa, és kész is.

Legutóbbi bejegyzések

Egy React progi Dockerben: YourPlaces

Egy React progi Dockerben: YourPlaces

Végy egy kis React-programot Milyen lépések vezetnek oda, hogy a külvilág számára éljen egy program, mondjuk a node1.webhely.hu címen? Egy online anyag során készített mintaprogramot kicsit átalakítottam. A kiinduláshoz szerencsére nem kellett túl sokat hozzányúlni,...

Egyszerű Node.js chat

Egyszerű Node.js chat

Andrew Mead remek Node.js Udemy-tanfolyamából merítve egy kicsit továbbfejlesztettem a chat-alkalmazást A rendszer githubra megy, onnan automatikusan Herokura építi újra magát. A felhasználó belépéskor választhat egy tetszőleges szobanevet. Itt láthatjuk az aktív...

Egyszerű css popup

Egyszerű css popup

Kerestem egy egyszerű popup megoldást, ami csak css, nem kell hozzá semmi JS. Természetesen, így nem lehet cookie-khoz rendelni, de néha csak egy kis infóablak kell. Prakash anyagai között találtam egy letisztult, egyszerűt. Szépsége, hogy csak css kell hozzá, oldalon...

Galériába régi képek

Galériába régi képek

Feltöltöttem néhány érdekes képet a galériába. Teljesen önkényesen összeválogatott néhány kép, a fotózásaim legkülönbözőbb területeiről. Illetve... nem csak fotókat találhatsz itt. Történt ugyanis, hogy 2016-17-ben terveztük kiegészíteni mozgóreklámokkal egy...

Három kis JS progi

Végigrágtam magam egy érdekes JavaScript online tanfolyamon, ami során három egyszerű kis JS programot készítettünk el. Notes: egyszerű szövegelemeket tudsz felrögzíteni, jegyzetfüzetként működik. A jegyzeteket a böngésző LocalStorage-területére menti, így...