Skip to content

Instantly share code, notes, and snippets.

View React-UI-Component-Libraries.md

Libraries and Tools for React

Components and Component Libraries

If you're developing an application based on React it can be helpful if you don't need to develop all the basic UI components yourself. Here you can find a list with various components, component libraries and complete design systems developed with and for React.

Component libraries and Design Systems

Brands (official design systems by various companies and products)

@tkrotoff
tkrotoff / MinimalHTML5.md
Last active May 26, 2021
Minimal HTML5 structure
View MinimalHTML5.md
<!DOCTYPE html><title>Hello, World!</title>
  • doctype is mandatory
  • title is mandatory
  • head is not
  • body is not

Verified with https://validator.w3.org/

@tkrotoff
tkrotoff / CSSFrameworks.md
Last active Jun 19, 2021
CSS Frameworks (Bootstrap, Tailwind CSS, Bulma, React Bootstrap, Chakra UI, Ant Design)
View CSSFrameworks.md
@tkrotoff
tkrotoff / HowToTest.md
Last active Jan 29, 2021
How I structure my tests
View HowToTest.md

File structure

  • src/fooBar.js
  • src/fooBar.html
  • src/fooBar.scss
  • src/fooBar....
  • src/fooBar.test.js => npm run test
  • src/fooBar.test.e2e.js (if I have E2E tests - Puppeteer, Playwright...) => npm run test:e2e

Tests should not be separated from the source code (think autonomous modules).

@tkrotoff
tkrotoff / FrontendFrameworksPopularity.md
Last active Jul 26, 2021
Front-end frameworks popularity (React, Vue and Angular)
View FrontendFrameworksPopularity.md

Findings: React is by far the most popular front-end framework/library (and continues to grow faster), except for the GitHub stars. In addition, React is more loved and "wanted" than other front-end frameworks (although it is more used: satisfaction tends to decrease with popularity).

Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.

Stack Overflow trends

https://insights.stackoverflow.com/trends?tags=reactjs%2Cvue.js%2Cangular%2Cangularjs

insights.stackoverflow.com

@tkrotoff
tkrotoff / RemoveWin10DefaultApps.ps1
Last active Jun 17, 2021
Remove Windows 10 default apps
View RemoveWin10DefaultApps.ps1
# See Remove default Apps from Windows 10 https://thomas.vanhoutte.be/miniblog/delete-windows-10-apps/
# See Debloat Windows 10 https://github.com/W4RH4WK/Debloat-Windows-10
# Command line to list all packages: Get-AppxPackage -AllUsers | Select Name, PackageFullName
Get-AppxPackage Microsoft.Windows.ParentalControls | Remove-AppxPackage
Get-AppxPackage Windows.ContactSupport | Remove-AppxPackage
Get-AppxPackage Microsoft.Xbox* | Remove-AppxPackage
Get-AppxPackage microsoft.windowscommunicationsapps | Remove-AppxPackage # Mail and Calendar
#Get-AppxPackage Microsoft.Windows.Photos | Remove-AppxPackage
Get-AppxPackage Microsoft.WindowsCamera | Remove-AppxPackage
@tkrotoff
tkrotoff / Grids.md
Last active Aug 29, 2015
Popular CSS Grids
View Grids.md

Most popular CSS grids as of February 2015

Bootstrap

  • Stars: 77643
  • Columns: 12 by default
  • Syntax: "row", "col-md-1", "col-xs-12 col-md-8"

Foundation

  • Stars: 19381
  • Columns: 12
@tkrotoff
tkrotoff / ExecutionTimer.cs
Last active Dec 29, 2016
Simplifies the use of System.Diagnostics.Stopwatch
View ExecutionTimer.cs
using System;
using System.Diagnostics;
/// <summary>
/// Simplifies the use of System.Diagnostics.Stopwatch.
/// </summary>
/// <example>
/// <code>
/// var timer1 = ExecutionTimer();
/// computeSomething();
@tkrotoff
tkrotoff / Log.cs
Created Apr 11, 2013
Enhancements for C# System.Diagnostics.Trace: add class and method names to the trace message
View Log.cs
namespace Log
{
/// <summary>
/// Helps you trace the execution of your code.
/// </summary>
/// <remarks>
/// Same as System.Diagnostics.Trace but adds the class and method names to the trace message.<br/>
/// <br/>
/// More documentation about Trace and Debug:<br/>
/// <list type="bullet">
@tkrotoff
tkrotoff / event.rb
Created Oct 9, 2012
Rails JSON serialization and deserialization
View event.rb
class Event < ActiveRecord::Base
include EventJSON
attr_accessible *EventJSON.attributes
validates :starts_at, presence: true
validates :ends_at, presence: true
validates :all_day, inclusion: { in: [true, false] }
end