Skip to content

Instantly share code, notes, and snippets.

Avatar

Tanguy Krotoff tkrotoff

View GitHub Profile
@tkrotoff
tkrotoff / ReactNative-vs-Flutter.md
Last active Jul 1, 2022
ReactNative vs Flutter
View ReactNative-vs-Flutter.md
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 22, 2022
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 4, 2022
Front-end frameworks popularity (React, Vue, Angular and Svelte)
View FrontendFrameworksPopularity.md

Findings: React is by far the most popular front-end framework/library (and continues to grow faster). 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.

Like this? Check React Native vs Flutter: https://gist.github.com/tkrotoff/93f5278a4e8df7e5f6928eff98684979

Stack Overflow trends

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

@tkrotoff
tkrotoff / RemoveWin10DefaultApps.ps1
Last active Mar 30, 2022
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">