#React

Embedded React App on Your Site

Published at February 19, 2019 ·  2 min read

It’s great if you’re able to start development from scratch and you can implement SPA using the latest technologies. But sometimes you can only extend existing functionality. In such a case, it makes sense to embed your React app into the existing web site.

The idea is pretty simple: you need to add your react-based application to the existing page.

The easiest way is to add some <div id="reactApp"></div> to your page and add the script with a production build of your react application. E.g.: <script src=”main.3d23bdc2.js”></script>

...


Using JSX outside React application

Published at February 3, 2019 ·  1 min read

I’m not a fan of the React at all. I prefer to use VueJS wherever it’s possible. But React is really one of the most popular JavaScript libraries now. There are a lot of people who use it and like it.

One of the most important parts of React is JSX - “a syntax extension to JavaScript. It is similar to a template language, but it has full power of JavaScript”. Honestly, it’s the one reasons why I don’t like React. But if you’re using React, it’s really painful to not use JSX too.

...


I'm too lazy to not use Bootstrap

Published at January 9, 2019 ·  2 min read

I never liked hit with CSS. I hate to deal with HTML make up a lot. I prefer to work with JavaScript and omit styles if possible. Maybe it’s only because I’m not an expert in this area.

That’s why I use Bootstrap framework where it’s possible. It allows everybody to create pretty good UI’s for web application with minimal knowledge of styles and CSS.

In a real word, I don’t even want to use Bootstrap directly in web applications based on modern libraries and frameworks like React and Vue.js. These tools force you to use components instead of code and layout duplication. There are great projects like Bootstrap + Vue and React-Bootstrap which do all wrapping around Bootstrap to provide us ready to use components.

...


Tags

.net .net framework .net framework 3.5 agile ajax ajax control toolkit ampq ansible apache asp.net asp.net mvc automation axum babel bash benchmark blog blog engine bootstrap buildout c# cache centos chrome ci cinder ckan cli cloud code review codeplex community config debugger deface dependencies development environment devices devstack devtime disks django dlr dns docker dockerimage dos easy_install elmah encoding environment variables error event events everything-as-a-code exception exceptions fabrik firefox flask foreach forms fstab gae gcc gerrit git github go google google app engine grep hack hacked hardware headless horizon hound html hugo iaas ienumerable iis internet iptables iron python ironic iscsi java script javascript jenkins jquery js jsx k8s kharkivpy kiss kombu kubernetes kvm kyiv lettuce libvirt linux lio loci logging loopback losetup lvm mac os macos mercurial microsoft microsoft sync framework mobile mono ms office msbuild networking news nginx npm npx offtopic oop open source open xml opensource openstack openvswitch os p'n'p packages paraller development patterns & practices performance php pika pip plugins podcast popup postgresql profiler project protocols proxy pycamp pycharm pycon pykyiv pylint pypi python python 3 qcow quantum qumy rabbitmq rar react reactjs refactoring rfc rhel search engine security selenium server shell silverlight socket software engineering source control sourcegear vault sources sql sql server sql server express sqlalchemy ssh static site sublimetext svg tests tgt tipfy todo tornado typescript uapycon ui uneta unit tests upgrades usability vim virtualenv visual studio vitrage vm vue.js vuejs web development web server web service web_root webpack webroot windows windows live word press x32 x64 xcode xml xss xvfb интернет-магазин книги

Recent posts

Go 1.18: new features

Всё будет Kubernetes

2022 Relaunch

Everyday Blogging

I don't want this CI


Archives

2022 (3)
2019 (73)
2018 (2)
2017 (3)
2016 (2)
2015 (3)
2014 (5)
2013 (17)
2012 (22)
2011 (36)
2010 (25)
2009 (35)
2008 (32)
2007 (2)