June 2019 - UI39

Archive Monthly Archives: June 2019

reactjs awesome

Reactjs Awesome Resources

Awesome React

A collection of awesome things regarding React ecosystem.


JavaScript Library for building User Interfaces

React General Resources

React Community

React Online Playgrounds

React Tutorials

React General Tutorials
React Hooks
React and TypeScript
React Performance
React Internals
React Interview Questions

React Tools

React Development Tools
React Frameworks
  • Next.js – The React Framework
  • Gatsby.js – Free and open source framework based on React
React Styling
  • Styled Components – Visual primitives for the component age
  • Emotion – Library designed for writing CSS styles with JavaScript
  • Radium – A toolchain for React component styling
  • JSS – Authoring tool for CSS
  • Styletron – An universal toolkit for component-oriented styling
React Routing
  • React Router – Declarative routing for React
  • Navi – Declarative, asynchronous routing for React
  • Curi – JavaScript router for single-page applications
React Component Libraries
  • Material UI – React components for faster and easier web development
  • Ant Design – A design system with values of Nature and Determinacy
  • Blueprint – A React-based UI toolkit for the webs
  • Fabric React – React components for building Microsoft web experiences
  • React Bootstrap – The most popular front-end framework Rebuilt for React
  • Semantic UI React – The official Semantic-UI-React integration
React Awesome Components
React for Command Line
  • ink – React for interactive command-line apps
  • react-blessed – A React renderer for blessed terminal interface library

React Testing Libraries

Animation Components
React Integration
Model Libraries
Data Managing

React Native

Framework for building native apps using React

React Native General Resources

React Native Tutorials

React Native Developer Experience

React Native Sample Apps

React Native Boilerplates

React Native Awesome Components

React AR/VR

Usage of React for Augmented and Virtual Reality

  • React 360 – Create exciting 360 and VR experiences using React
  • Viro React – Platform for rapidly building AR/VR applications using React Native


Reason bindings for ReactJS


Application Architecture for Building User Interfaces

Flux General Resources

Flux Implementations

Flux Tutorials


Predictable State Container for JavaScript Apps

Redux General Resources

Redux Tools

Redux Tutorials


Simple, scalable state management for JavaScript Apps

MobX General Resources

MobX Tools

MobX Tutorials


Query Language

GraphQL Spec

GraphQL Tools

GraphQL Tutorials

GraphQL Implementations

Server Integration

Database Integration


Data-Driven React Applications

Relay General Resources

Relay Tutorials

Relay Tools


Data stack based on GraphQL

Apollo General Resources

Apollo Tools



Important Talks

React.js Conf 2015 Playlist

ReactEurope Conf 2015 Day 1 Playlist

ReactEurope Conf 2015 Day 2 Playlist

ReactRally Conf 2015 Playlist

React.js Conf 2016 Playlist

React Amsterdam 2016 Playlist

ReactEurope Conf 2016 Day 1 Playlist

ReactEurope Conf 2016 Day 2 Playlist

ReactRally Conf 2016 Playlist

React.js Amsterdam 2018 Playlist

Video Tutorials


Example Apps

Real apps

resource: https://github.com/enaqx/awesome-react


jQuery UI is a collection of GUI widgets

jQuery UI is a collection of GUI widgets, animated visual effects, and themes implemented with jQuery (a JavaScript library), Cascading Style Sheets, and HTML. According to JavaScript analytics service, Libscore, jQuery UI is used on over 197,000 of the top one million websites, making it the second most popular JavaScript library. Notable users include Pinterest, PayPal, IMDb, The Huffington Post, and Netflix.

Both jQuery and jQuery UI are free and open-source software distributed by the jQuery Foundation under the MIT License; jQuery UI was first published in September 2007



Draggable, Droppable, Resizable, Selectable, Sortable


All of jQuery UI’s widgets are fully themeable using a consolidated, coordinated theme mechanism.

Accordion – Accordion containers
Autocomplete – Auto-complete boxes based on what the user types
Button – Enhanced button appearance, turn radio buttons and checkboxes into pushbuttons
Datepicker – Advanced date-picker
Dialog – Show dialog boxes on top of other content, easily and robustly
Menu – Show a Menu
Progressbar – Progress bars, both animated and not
Selectmenu – Duplicates and extends the functionality of a native HTML select element to overcome the limitations of the native control
Slider – Fully customizable sliders
Spinner – Show a Number Spinner
Tabs – Tabbed user interface handling, with both inline and demand-loaded content
Tooltip – Show a Tooltip
Color Animation – Animate the transition from one color to another
Toggle Class, Add Class, Remove Class, Switch Class – Animate the transition from one set of styles to another
Effect – A variety of effects (appear, slide-down, explode, fade-in, etc.)
Toggle – Toggle an effect on and off
Hide, Show – Using the effects above
Position – Set an element’s position relative to another element’s position (alignment)
Widget Factory – Create stateful jQuery plugins using the same abstraction as all jQuery UI widgets

Release history


Release date Version number jQueryDependency Additional notes
Sep 17, 2007 1.2.1+ Initial release
Jun 8, 2008 1.5
Apr 16, 2009 1.6 1.2.6+ Compatibility release for jQuery 1.2.6.
Mar 3, 2009 1.7 1.3.2+
Mar 18, 2010 1.8 1.3.2+
Jan 19, 2011 1.8.9 1.3.2+
Feb 22, 2011 1.8.10 1.3.2+
Mar 15, 2011 1.8.11 1.3.2+
Apr 13, 2011 1.8.12 1.3.2+
May 12, 2011 1.8.13 1.3.2+
Jun 17, 2011 1.8.14 1.3.2+
Aug 1, 2011 1.8.15 1.3.2+
Aug 15, 2011 1.8.16 1.3.2+
Jan 10, 2012 1.8.17 1.3.2+
Feb 20, 2012 1.8.18 1.3.2+
Apr 16, 2012 1.8.19 1.3.2+
Apr 30, 2012 1.8.20 1.3.2+
Jun 5, 2012 1.8.21 1.3.2+
Jul 24, 2012 1.8.22 1.3.2+
Aug 15, 2012 1.8.23 1.3.2+
Sep 28, 2012 1.8.24 1.3.2+
Oct 8, 2012 1.9.0 1.6+
Oct 25, 2012 1.9.1 1.6+
Nov 23, 2012 1.9.2 1.6+
Jan 17, 2013 1.10.0 1.6+ Dropped support for IE6
Feb 15, 2013 1.10.1 1.6+
Mar 14, 2013 1.10.2 1.6+
May 3, 2013 1.10.3 1.6+
Jan 17, 2014 1.10.4 1.6+
Apr 25, 2014 1.11.0-beta.1 1.6+ Dropped support for IE7
May 23, 2014 1.11.0-beta.2 1.6+
Jun 26, 2014 1.11.0 1.6+
Aug 13, 2014 1.11.1 1.6+
Oct 16, 2014 1.11.2 1.6+
Feb 12, 2015 1.11.3 1.6+
Mar 11, 2015 1.11.4 1.6+
Jan 26, 2016 1.12.0-beta.1 1.7+ Dropped support for IE8, IE9, IE10
Mar 17, 2016 1.12.0-rc.1 1.7+
Apr 21, 2016 1.12.0-rc.2 1.7+
Jul 8, 2016 1.12.0 (unannounced) 1.7+
Sep 14, 2016 1.12.1 1.7+


This tutorial has been prepared for anyone who has a basic knowledge of HTML and CSS and has an urge to develop websites. After completing this tutorial you will find yourself at a moderate level of expertise in developing web projects using Twitter JqueryUI.

Useful Resources

  • JqueryUI Official Site − Create state-of-the-art graphical user interfaces for your web applications using jQuery UI. Your main resource for jQueryUI latest versions, plug-ins, tutorials, news, and blogs etc.
  • JqueryUI API Documentation − This link would land you up the jQueryUI API Documentation page which includes complete reference for jQuery UI.

Web Technologies Accounting


From invoicing to expense tracking to accounting, Akaunting has all the tools you need to manage your money online, for free.

Online, open source and free accounting software for small businesses. Manage your money. Get invoices paid. Track expenses. With ease!

GitHub is home to over 36 million developers working together to host and review code, manage projects, and build software together. … php laravel accounting invoices payments expenses laravel-application laravel-framework laravel5 invoicing billing budget money balance bookkeeping

Akaunting is a free, open source and online accounting software designed for small businesses and freelancers. It is built with modern technologies such as Laravel, Bootstrap, jQuery, RESTful API etc. Thanks to its modular structure, Akaunting provides an awesome App Store for users and developers.


  • PHP 5.6.4 or higher
  • Database (eg: MySQL, PostgreSQL, SQLite)
  • Web Server (eg: Apache, Nginx, IIS)
  • Other libraries


Akaunting uses Laravel, the best existing PHP framework, as the foundation framework and Modules package for Apps.


  • Install Composer
  • Download the repository and unzip into your server
  • Open and point your command line to the directory you unzipped Akaunting
  • Run the following command: composer install
  • Finally, launch the installer


It is possible to containerise Akaunting using the docker-compose file. Here are a few commands:

# Build the app
docker build -t akaunting .

# Run the app
docker-compose up -d

# Make sure you the dependencies are installed
docker-compose exec web composer install

# Stream logs
docker-compose logs -f web

# Access the container
docker-compose exec web /bin/sh

# Stop & Delete everything
docker-compose down -v


Fork the repository, make the code changes then submit a pull request.

Please, be very clear on your commit messages and pull requests, empty pull request messages may be rejected without reason.

When contributing code to Akaunting, you must follow the PSR coding standards. The golden rule is: Imitate the existing Akaunting code.

Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.

Download here 

Web technology usage trend

Web Technology Usage Trends 2019

Web and Internet Technology Usage Statistics

Internet usage growth statistics, since 1995 till today, the history of the Internet, the global village, links to web technology history.

If you’ve ever wanted to know what websites in the Alexa top 10k use WordPress, or which Magento sites are using Google Analytics, or how many Drupal websites are using a CDN – Builtwith provides that information. The website (and plugin) allows you to see different web usage statistics like CMSes, analytics platforms used, frameworks for websites, and much more.

460,404 live websites
1,139,853 live websites
27,254,788 live websites
3,549,243 live websites
Magento Enterprise
38,878 live websites
1,562,255 live websites
106,991 live websites
318,670 live websites
84,790 live websites
31,110 live websites
Sitecore CMS
103,537 live websites
443,624 live websites
374,254 live websites
214,498 live websites
607,835 live websites
41,800,522 live websites
Adobe CQ
206,067 live websites
IBM Websphere Commerce
21,818 live websites
2,079,688 live websites
Google Analytics
35,250,968 live websites
26,906 live websites
1,775,678 live websites
Ruby on Rails
1,193,495 live websites
121,334 live websites
Cart Functionality
5,386,264 live websites
Angular JS
1,982,842 live websites
8,585,283 live websites
Google Adsense
11,600,429 live websites
Omniture SiteCatalyst
858,543 live websites
224,582 live websites
502,269 live websites
32,452,898 live websites
Magento 2
124,008 live websites
99,347 live websites
Zen Cart
216,198 live websites
356,670 live websites
Adobe Experience Manager
125,476 live websites
Oracle Commerce
29,027 live websites
60,485 live websites
598,869 live websites
195,213 live websites
Google Apps for Business
11,786,703 live websites
Magento 1.7
17,384 live websites
Magento 1.9
122,504 live websites
818,113 live websites
51,411 live websites
188,856 live websites
50,386 live websites
3,486,353 live websites
1,093,485 live websites
368,071 live websites
New Relic
2,281,986 live websites
64,228,080 live websites
6,110,398 live websites
Shopify Plus
32,426 live websites
39,361 live websites
46,970 live websites
1,111,069 live websites
231,272 live websites
354,331 live websites