Simple generator of React code from Figma

Last update: Aug 6, 2022

test Maintenance PRs Welcome Tweeting

Figma to React logo

Figma to React Component

figma-to-react-demo-en.mov

The Problem

Many Figma to Code tools have one or more problems of the follwings:

  • generates for whole Figma file(not by component)
  • need to go outside of Figma to visit service's site
  • layout style is not responsive, and is absolute positioned to its parent

Solution

Figma to React Component outputs React code in the plugin UI and can be genrated by selecting certain node. And its style is derived from Auto Layout properties, thus is responsive.

How the plugin works

Development

npm install
npm run dev

For Those of you Who would like to create your own Figma to xxx

Feel free to folk this repositoty, create and publish your own Figma to Vue, Flutter, SwiftUI or whatsoever!

buildTagTree method would be useful for such case. buildTagTree metssod outputs a tag object in the following format which is independent from how the final outcome is structured.

export type Tag = {
  name: string
  isText: boolean
  textCharacters: string | null
  isImg: boolean
  properties: Property[]
  css: CSSData
  children: Tag[]
}

GitHub

https://github.com/kazuyaseki/figma-to-react
Comments
  • 1. weired CSS class names and color formatting

    Hi there, I try to evaluate your plugin and stumbled over some weired compiling:

       <div className="frame- -1">
                    <div className="group- -2">
                        <div className="rectangle" />
                        <div className="mobile- -components- -/- -card- -/- -chatter- -post">
                            <div className="mobile- -components- -/- -action- -bar- -/- -feed- -card">
                                <div className="group">
                                    <div className="mobile- -compnents- -/- -chatter- -/- -like">
                                        
    

    and my CSS has that too, as well come wrong compiled colors and empty definitions:

      .text {
        text-align: left;
        vertical-align: top;
        font-size: 16px;
        font-family: Roboto;
        line-height: 20px;
        color: #06dcc;
      }
      . {
      
      }
      . {
      
      }
      .utility-icons-/like {
        height: 18px;
        width: 18px;
      }
    
    

    Maybe it's an usage failure from my side? Can you point me to some direction to solve that?

    Thank you !!!

    Reviewed by exocode at 2021-10-02 01:49
  • 2. fix: typo in README

    Also, the link "https://dev.to/seya/how-to-style-margin-with-react-8m9" in the Figma plugin page was not clickable. It would be great if you could fix that too.

    Reviewed by qqpann at 2022-06-25 14:54
  • 3. Update dependency nanoid to 3.1.31 [SECURITY] - autoclosed

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | |---|---| | nanoid | 3.1.25 -> 3.1.31 |

    GitHub Vulnerability Alerts

    CVE-2021-23566

    The package nanoid before 3.1.31 are vulnerable to Information Exposure via the valueOf() function which allows to reproduce the last id generated.


    Configuration

    πŸ“… Schedule: "" (UTC).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2022-01-22 03:56
  • 4. Update dependency nth-check to 2.0.1 [SECURITY]

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | |---|---| | nth-check | 1.0.2 -> 2.0.1 |

    GitHub Vulnerability Alerts

    CVE-2021-3803

    nth-check is vulnerable to Inefficient Regular Expression Complexity


    Configuration

    πŸ“… Schedule: "" (UTC).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-09-23 00:21
  • 5. Update dependency tmpl to 1.0.5 [SECURITY]

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | |---|---| | tmpl | 1.0.4 -> 1.0.5 |

    GitHub Vulnerability Alerts

    CVE-2021-3777

    nodejs-tmpl is vulnerable to Inefficient Regular Expression Complexity which may lead to resource exhaustion.


    Configuration

    πŸ“… Schedule: "" (UTC).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-09-22 08:37
  • 6. Update dependency @figma/plugin-typings to v1.33.0

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @figma/plugin-typings | 1.28.0 -> 1.33.0 | age | adoption | passing | confidence |


    Release Notes

    figma/plugin-typings

    v1.33.0

    Compare Source

    v1.32.0

    Compare Source

    v1.31.0

    Compare Source

    v1.30.0

    Compare Source

    v1.29.0

    Compare Source


    Configuration

    πŸ“… Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-08-17 06:00
  • 7. Update dependency @figma/plugin-typings to v1.28.0

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @figma/plugin-typings | 1.24.0 -> 1.28.0 | age | adoption | passing | confidence |


    Release Notes

    figma/plugin-typings

    v1.28.0

    Compare Source

    v1.26.0

    Compare Source

    v1.25.0

    Compare Source


    Configuration

    πŸ“… Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-06-17 20:58
  • 8. Update dependency @figma/plugin-typings to v1.24.0

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @figma/plugin-typings | 1.23.0 -> 1.24.0 | age | adoption | passing | confidence |


    Release Notes

    figma/plugin-typings

    v1.24.0

    Compare Source


    Configuration

    πŸ“… Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-06-10 14:49
  • 9. Update dependency css-what to 5.0.1 [SECURITY] - autoclosed

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | |---|---| | css-what | 3.4.2 -> 5.0.1 |

    GitHub Vulnerability Alerts

    CVE-2021-33587

    The css-what package before 5.0.1 for Node.js does not ensure that attribute parsing has Linear Time Complexity relative to the size of the input.


    Configuration

    πŸ“… Schedule: "" (UTC).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-06-08 18:40
  • 10. Update dependency ws to 7.4.6 [SECURITY]

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | |---|---| | ws | 7.4.4 -> 7.4.6 |

    GitHub Vulnerability Alerts

    CVE-2021-32640

    Impact

    A specially crafted value of the Sec-Websocket-Protocol header can be used to significantly slow down a ws server.

    Proof of concept

    for (const length of [1000, 2000, 4000, 8000, 16000, 32000]) {
      const value = 'b' + ' '.repeat(length) + 'x';
      const start = process.hrtime.bigint();
    
      value.trim().split(/ *, */);
    
      const end = process.hrtime.bigint();
    
      console.log('length = %d, time = %f ns', length, end - start);
    }
    

    Patches

    The vulnerability was fixed in [email protected]4.6 (https://github.com/websockets/ws/commit/00c425ec77993773d823f018f64a5c44e17023ff) and backported to [email protected] (https://github.com/websockets/ws/commit/78c676d2a1acefbc05292e9f7ea0a9457704bf1b).

    Workarounds

    In vulnerable versions of ws, the issue can be mitigated by reducing the maximum allowed length of the request headers using the --max-http-header-size=size and/or the maxHeaderSize options.

    Credits

    The vulnerability was responsibly disclosed along with a fix in private by Robert McLaughlin from University of California, Santa Barbara.

    References

    • GHSA-6fc8-4gx4-v693
    • https://nvd.nist.gov/vuln/detail/CVE-2021-32640
    • https://github.com/websockets/ws/commit/00c425ec77993773d823f018f64a5c44e17023ff
    • https://github.com/websockets/ws/issues/1895

    Configuration

    πŸ“… Schedule: "" (UTC).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, check this box.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-05-31 04:23
  • 11. Update jest monorepo to v27 (major)

    WhiteSource Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | babel-jest | 26.6.3 -> 27.0.6 | age | adoption | passing | confidence | | jest (source) | 26.6.3 -> 27.0.6 | age | adoption | passing | confidence |


    Release Notes

    facebook/jest

    v27.0.6

    Compare Source

    Fixes
    • [*] Publish all modules to include the build change in #​11569

    v27.0.5

    Compare Source

    Features
    • [@jest/fake-timers] Flush callbacks scheduled with requestAnimationFrame every 16ms when using legacy timers. (#​11523)
    • [pretty-format] Use globalThis (with polyfill if required) to bring support for esbuild's browser bundling mode (#​11569)
    Fixes
    • [jest-core] Support special characters like @, + and () on Windows with --findRelatedTests (#​11548)
    • [@jest/fake-timers] Do not add setImmediate and clearImmediate if they do not exist in the global environment (#​11599)
    • [@jest/reporters] Allow [email protected] as peer dependency (#​11523)
    • [@jest/reporters] Update v8-to-istanbul (#​11523)

    v27.0.2

    Compare Source

    Features
    • [jest-circus] Add some APIs to make it easier to build your own test runner
    • [jest-reporters] Expose the getResultHeader util (#​11460)
    • [jest-resolver] Export resolve* utils for different Jest modules (#​11466)
    • [@jest/test-result] Export Test, TestEvents and TestFileEvent (#​11466)
    Fixes
    • [jest-circus] Add missing slash dependency (#​11465)
    • [jest-circus, @&#8203;jest/test-sequencer] Remove dependency on jest-runner (#​11466)
    • [jest-config] Resolve config.runner to absolute path (#​11465)
    • [jest-config] Make sure to support functions as config (#​11475)
    • [jest-core] Do not warn about DNSCHANNEL handles when using the --detectOpenHandles option (#​11470)
    • [jest-runner] Remove dependency on jest-config (#​11466)
    • [jest-worker] Loosen engine requirement to >= 10.13.0 (#​11451)

    v27.0.1

    Compare Source

    Fixes
    • [jest-environment-jsdom] Bump version of JSDOM to avoid deprecated request package (#​11442)

    v27.0.0

    Compare Source

    Features
    • [babel-jest] Add async transformation (#​11192)
    • [jest-changed-files] Use '--' to separate paths from revisions (#​11160)
    • [jest-circus] [BREAKING] Fail tests when multiple done() calls are made (#​10624)
    • [jest-circus, jest-jasmine2] [BREAKING] Fail the test instead of just warning when describe returns a value (#​10947)
    • [jest-config] [BREAKING] Default to Node testing environment instead of browser (JSDOM) (#​9874)
    • [jest-config] [BREAKING] Use jest-circus as default test runner (#​10686)
    • [jest-config] Add support for preset written in ESM (#​11200)
    • [jest-config, jest-runtime] Support ESM for files other than .js and .mjs (#​10823)
    • [jest-config, jest-runtime] [BREAKING] Use "modern" implementation as default for fake timers (#​10874 & #​11197)
    • [jest-config Allow passing forceNodeFilesystemAPI through to jest-haste-map (#​11264)
    • [jest-config, jest-haste-map, jest-resolve, jest-runner, jest-runtime, jest-test-sequencer, jest-transform, jest-types] [BREAKING] Add custom HasteMap class implementation config option (#​11107)
    • [jest-core] make TestWatcher extend emittery (#​10324)
    • [jest-core] Run failed tests interactively the same way we do with snapshots (#​10858)
    • [jest-core] more TestSequencer methods can be async (#​10980)
    • [jest-core] Add support for testSequencer written in ESM (#​11207)
    • [jest-core] Add support for globalSetup and globalTeardown written in ESM (#​11267)
    • [jest-core] Add support for watchPlugins written in ESM (#​11315)
    • [jest-core] Add support for runner written in ESM (#​11232)
    • [jest-core] Add support for reporters written in ESM (#​11427)
    • [jest-each] Add support for interpolation with object properties (#​11388)
    • [jest-environment-node] Add AbortController to globals (#​11182)
    • [@jest/fake-timers] Update to @sinonjs/fake-timers to v7 (#​11198)
    • [jest-haste-map] Handle injected scm clocks (#​10966)
    • [jest-haste-map] Add enableSymlinks configuration option to follow symlinks for test files (#​9351)
    • [jest-repl, jest-runner] [BREAKING] Run transforms over environment (#​8751)
    • [jest-repl] Add support for testEnvironment written in ESM (#​11232)
    • [jest-runner] [BREAKING] set exit code to 1 if test logs after teardown (#​10728)
    • [jest-runner] [BREAKING] Run transforms over runner (#​8823)
    • [jest-runner] [BREAKING] Run transforms over testRunner (#​8823)
    • [jest-runner] Possibility to use ESM for test environment (11033)
    • [jest-runner] Add support for testRunner written in ESM (#​11232)
    • [jest-runtime] Detect reexports from CJS as named exports in ESM (#​10988)
    • [jest-runtime] Support for async code transformations (#​11191 & #​11220)
    • [jest-reporters] Add static filepath property to all reporters (#​11015)
    • [jest-snapshot] [BREAKING] Make prettier optional for inline snapshots - fall back to string replacement (#​7792 & #​11192)
    • [jest-snapshot] [BREAKING] Run transforms over snapshotResolver (#​8751)
    • [jest-transform] Pass config options defined in Jest's config to transformer's process and getCacheKey functions (#​10926)
    • [jest-transform] Add support for transformers written in ESM (#​11163)
    • [jest-transform] [BREAKING] Do not export ScriptTransformer class, instead export the async function createScriptTransformer (#​11163)
    • [jest-transform] Async code transformations (#​9889)
    • [jest-transform] Support transpiled transformers (#​11193)
    • [jest-transform] [BREAKING] requireAndTranspileModule always return a Promise, and the third parameter type is changed to RequireAndTranspileModuleOptions which accept applyInteropRequireDefault option (#​11232)
    • [jest-transform] [BREAKING] createTranspilingRequire return function which return a Promise now (#​11232)
    • [jest-util] add requireOrImportModule for importing CJS or ESM (#​11199)
    • [jest-util] add applyInteropRequireDefault option on requireOrImportModule (#​11232)
    • [jest-watcher] Added support for clearing the line when <C-u> is pressed in a watch mode pattern prompt (#​11358)
    • [jest-worker] Add support for custom task queues and adds a PriorityQueue implementation. (#​10921)
    • [jest-worker] Add in-order scheduling policy to jest worker (10902)
    • [pretty-format] Better print for sparse arrays (11326)
    • [pretty-print] Add option printBasicPrototype which determines whether or not the prototype should be printed for raw objects or arrays (#​11441)
    Fixes
    • [babel-plugin-jest-hoist] Add __dirname and __filename to whitelisted globals (#​10903)
    • [expect] [BREAKING] Revise expect.not.objectContaining() to be the inverse of expect.objectContaining(), as documented. (#​10708)
    • [expect] [BREAKING] Make toContain more strict with the received type (#​10119 & #​10929)
    • [expect] [BREAKING] matcherResult on JestAssertionError are now strings rather than functions (#​10989)
    • [jest-circus] Fixed the issue of beforeAll & afterAll hooks getting executed even if it is inside a skipped describe block #​10451
    • [jest-circus] Fix testLocation on Windows when using test.each (#​10871)
    • [jest-cli] Use testFailureExitCode when bailing from a failed test (#​10958)
    • [jest-cli] Print custom error if error thrown from global hooks is not an error already (#​11003)
    • [jest-cli] Allow running multiple "projects" from programmatic API (#​11307)
    • [jest-cli] Fix missing collectCoverage after init (#​11353)
    • [jest-cli, jest-config, jest-types] Move all default values into jest-config (#​9924)
    • [jest-config] [BREAKING] Change default file extension order by moving json behind ts and tsx (10572)
    • [jest-console] console.dir now respects the second argument correctly (#​10638)
    • [jest-core] Don't report PerformanceObserver as open handle (#​11123)
    • [jest-core] Use WeakRef to hold timers when detecting open handles (#​11277)
    • [jest-core] Correctly detect open handles that were created in test functions using done callbacks (#​11382)
    • [jest-core] Do not collect RANDOMBYTESREQUEST as open handles (#​11278)
    • [jest-core] Wait briefly for open handles to close before flagging them when using --detectOpenHandles (#​11429)
    • [jest-diff] [BREAKING] Use only named exports (#​11371)
    • [jest-each] [BREAKING] Ignore excess words in headings (#​8766)
    • [jest-each] Support array index with template strings (#​10763)
    • [jest-each] Interpolate %% correctly (#​11364)
    • [jest-each] Fix wrong interpolation when the value of array contains multiple % (#​11364)
    • [jest-environment] [BREAKING] Drop support for runScript for test environments (#​11155)
    • [jest-environment-jsdom] Use inner realm’s ArrayBuffer constructor (#​10885)
    • [jest-environment-jsdom] [BREAKING] Remove Node globals setImmediate and clearImmediate #​11222
    • [jest-get-type] [BREAKING] Convert to ES Module (#​11359)
    • [jest-globals] [BREAKING] Disallow return values other than a Promise from hooks and tests (#​10512)
    • [jest-globals] [BREAKING] Disallow mixing a done callback and returning a Promise from hooks and tests (#​10512)
    • [jest-haste-map] Vendor NodeWatcher from sane (#​10919)
    • [jest-jasmine2] Fixed the issue of beforeAll & afterAll hooks getting executed even if it is inside a skipped describe block when it has child tests marked as either only or todo #​10451
    • [jest-jasmine2] Fixed the issues of child tests marked with only or todo getting executed even if it is inside a skipped parent describe block #​10451
    • [jest-jasmine2] Wrap all test functions so they open handles that were created in test functions using done callbacks can be detected (#​11382)
    • [jest-reporter] Handle empty files when reporting code coverage with V8 (#​10819)
    • [jest-resolve] Replace read-pkg-up with escalade package (#​10781)
    • [jest-resolve] Disable jest-pnp-resolver for Yarn 2 (#​10847)
    • [jest-runtime] [BREAKING] Do not inject global variable into module wrapper (#​10644)
    • [jest-runtime] [BREAKING] remove long-deprecated jest.addMatchers, jest.resetModuleRegistry, and jest.runTimersToTime (#​9853)
    • [jest-runtime] Fix stack overflow and promise deadlock when importing mutual dependant ES module (#​10892)
    • [jest-runtime] Prevent global module registry from leaking into isolateModules registry (#​10963)
    • [jest-runtime] Refactor to prevent race condition when linking and evaluating ES Modules (#​11150)
    • [jest-runtime] Throw correct error when attempting to load ESM via require (#​11260)
    • [jest-runtime] Do not cache modules that throw during evaluation (#​11263)
    • [jest-transform] Show enhanced SyntaxError message for all SyntaxErrors (#​10749)
    • [jest-transform] [BREAKING] Refactor API to pass an options bag around rather than multiple boolean options (#​10753)
    • [jest-transform] [BREAKING] Refactor API of transformers to pass an options bag rather than separate config and other options (#​10834)
    • [jest-types] Fix Config.ts projects types (#​11285)
    • [jest-util] Replace micromatch with picomatch to fix issues with negated globs (#​11287)
    • [jest-validate] Use en-US locale to avoid case conversion problems while validating CLI options on machines with some certain locales(e.g. Turkish) set as default locale. (#​11412)
    • [jest-worker] [BREAKING] Use named exports (#​10623)
    • [jest-worker] Do not swallow errors during serialization (#​10984)
    • [jest-worker] Handle ERR_IPC_CHANNEL_CLOSED errors properly (#​11143)
    • [pretty-format] [BREAKING] Convert to ES Modules (#​10515)
    • [pretty-format] Only call hasAttribute if it's a function (#​11000)
    • [pretty-format] Handle jsdom attributes properly (#​11189)
    • [pretty-format] Import pretty-format using named imports (#​11360)
    Chore & Maintenance
    • [*] [BREAKING] Only support Node LTS releases and Node 15 (#​10685)
    • [*] [BREAKING] Add exports field to all package.jsons (#​9921)
    • [*] Make it easier for Jest's packages to use the VM escape hatch (#​10824)
    • [*] [BREAKING] Remove deprecated mapCoverage (#​9968)
    • [babel-jest] [BREAKING] Migrate to ESM (#​11193)
    • [docs] Correct example using browser-resolve (#​11140)
    • [docs] Clarify timers configuration property (#​11376)
    • [jest, jest-core] [BREAKING] Replace TestScheduler export with createTestScheduler (#​11427)
    • [jest-config] [BREAKING] Remove enabledTestsMap config, use filter instead (#​10787)
    • [jest-console] [BREAKING] Move root into config and take GlobalConfig as mandatory parameter for getConsoleOutput (#​10126)
    • [jest-console] Export LogEntry (#​11017)
    • [jest-fake-timers] Clarify global behavior of jest.useFakeTimers and jest.useRealTimers (#​10867)
    • [jest-haste-map] [BREAKING] Migrate to ESM (#​10875)
    • [jest-haste-map] [BREAKING] Remove support for deprecated option ignorePattern as function (#​10348)
    • [jest-jasmine2] [BREAKING] Migrate to ESM (#​10906)
    • [jest-jasmine2] [BREAKING] Remove unused options argument from Env constructor (#​10240)
    • [jest-repl, jest-runtime] [BREAKING] Move the jest-runtime CLI into jest-repl (#​10016 & #​10925)
    • [jest-resolve] [BREAKING] Migrate to ESM (#​10688)
    • [jest-resolve-dependencies] [BREAKING] Migrate to ESM (#​10876)
    • [jest-mock] [BREAKING] Migrate to ESM (#​10887)
    • [jest-reporters] [BREAKING] Make node-notifier a peer dependency (#​10977)
    • [jest-resolve, jest-runtime] [BREAKING] Use Maps instead of objects for all cached resources (#​10968)
    • [jest-runner] [BREAKING] Migrate to ESM (#​10900)
    • [jest-runtime] [BREAKING] Remove deprecated and unused getSourceMapInfo from Runtime (#​9969)
    • [jest-transformer] [BREAKING] Remove unused isCoreModule option (#​11166)
    • [jest-util] No longer checking enumerable when adding process.domain (#​10862)
    • [jest-validate] [BREAKING] Remove recursiveBlacklist option in favor of previously introduced recursiveDenylist (#​10650)
    • [website] Replace 'Github' with 'GitHub' (#​11279)
    • [website] Remove a language code from the link to the Node.js website (#​11282)
    • [website] Remove a duplicated word (#​11281)
    • [website] Add french to website (#​11361)
    Performance
    • [jest-resolve] Cache reading and parsing of package.jsons (#​11076)
    • [jest-runtime, jest-transform] share cacheFS between runtime and transformer (#​10901)
    • [jest-runtime] Load chalk only once per worker (#​10864)
    • [jest-worker] Fix memory leak of previous task arguments while no new task is scheduled (#​11187)

    Configuration

    πŸ“… Schedule: At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about these updates again.


    • [ ] If you want to rebase/retry this PR, check this box.

    This PR has been generated by WhiteSource Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-05-28 01:28
  • 12. Update dependency minimist to 1.2.6 [SECURITY]

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | |---|---| | minimist | 1.2.5 -> 1.2.6 |

    GitHub Vulnerability Alerts

    CVE-2021-44906

    Minimist <=1.2.5 is vulnerable to Prototype Pollution via file index.js, function setKey() (lines 69-95).


    Configuration

    πŸ“… Schedule: Branch creation - "" (UTC), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2022-04-24 19:50
  • 13. Update dependency @figma/plugin-typings to v1.49.0

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | @figma/plugin-typings | 1.33.0 -> 1.49.0 | age | adoption | passing | confidence |


    Release Notes

    figma/plugin-typings

    v1.49.0

    Compare Source

    v1.48.0

    Compare Source

    v1.47.0

    Compare Source

    v1.45.0

    Compare Source

    v1.44.0

    Compare Source

    v1.43.0

    Compare Source

    v1.42.1

    Compare Source

    v1.42.0

    Compare Source

    v1.41.1

    Compare Source

    v1.41.0

    Compare Source

    v1.40.0

    Compare Source

    v1.39.1

    Compare Source

    v1.39.0

    Compare Source

    v1.38.0

    Compare Source

    v1.37.0

    Compare Source

    v1.36.0

    Compare Source

    v1.35.0

    Compare Source

    v1.34.1

    Compare Source


    Configuration

    πŸ“… Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-09-20 14:35
  • 14. Update jest monorepo to v27.5.1

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | babel-jest | 27.0.6 -> 27.5.1 | age | adoption | passing | confidence | | jest (source) | 27.0.6 -> 27.5.1 | age | adoption | passing | confidence |


    Release Notes

    facebook/jest

    v27.5.1

    Compare Source

    Features
    • [jest-config] Support comments in JSON config file (#​12316)
    • [pretty-format] Expose ConvertAnsi plugin (#​12308)
    Fixes
    Chore & Maintenance

    v27.5.0

    Compare Source

    Features
    • [expect] Add asymmetric matcher expect.closeTo (#​12243)
    • [jest-mock] Added mockFn.mock.lastCall to retrieve last argument (#​12285)
    Fixes
    • [expect] Add a fix for .toHaveProperty('') (#​12251)
    • [jest-each, @&#8203;jest/globals] Allow passing ReadonlyArray type of a table to describe.each and test.each (#​12297)
    • [@jest/globals] Add missing options argument to jest.doMock typing (#​12292)
    • [jest-environment-node] Add atob and btoa (#​12269)
    • [jest-matcher-utils] Correct diff for expected asymmetric matchers (#​12264)
    • [jest-message-util] Fix .getTopFrame() (and toMatchInlineSnapshot()) with mjs files (#​12277)
    Chore & Maintenance
    Performance
    • [jest-resolve] perf: skip error creation on not found stat calls (#​11749)

    v27.4.6

    Compare Source

    Fixes
    • [jest-environment-node] Add AbortSignal (#​12157)
    • [jest-environment-node] Add Missing node global performance (#​12002)
    • [jest-runtime] Handle missing mocked property (#​12213)
    • [@jest/transform] Update dependency package pirates to 4.0.4 (#​12002)
    Performance
    • jest-config perf: only register ts-node once when loading TS config files (#​12160)

    v27.4.5

    Compare Source

    Fixes
    • [jest-worker] Stop explicitly passing process.env (#​12141)

    v27.4.4

    Compare Source

    Fixes
    • [babel-jest] Add process.version chunk to the cache key (#​12122)
    • [jest-environment] Add mocked to jest object (#​12133)
    • [jest-worker] Stop explicitly passing execArgv (#​12128)
    Chore & Maintenance
    • [website] Fix the card front that looks overlapping part of the card back

    v27.4.2

    Compare Source

    Fixes
    • [jest-worker] Add additional execArgv to filter (#​12103)

    v27.4.1

    Compare Source

    Fixes

    v27.4.0

    Compare Source

    Features
    • [expect] Enhancing the toHaveProperty matcher to support array selection (#​12092)
    • [jest-core] Add support for testResultsProcessor written in ESM (#​12006)
    • [jest-diff, pretty-format] Add compareKeys option for custom sorting of object keys (#​11992)
    • [jest-mock] Add ts-jest mock util functions (#​12089)
    Fixes
    • [expect] Allow again expect.Matchers generic with single value (#​11986)
    • [jest-circus, jest-jasmine2] Avoid false concurrent test failures due to unhandled promise rejections (#​11987)
    • [jest-config] Add missing slash dependency to package.json (#​12080)
    • [jest-core] Incorrect detection of open ZLIB handles (#​12022)
    • [jest-diff] Break dependency cycle (#​10818)
    • [jest-environment-jsdom] Add @types/jsdom dependency (#​11999)
    • [jest-environment-jsdom] Do not reset the global.document too early on teardown (#​11871)
    • [jest-transform] Improve error and warning messages (#​11998)
    • [jest-worker] Pass execArgv correctly to worker_threads worker (#​12069)
    Chore & Maintenance

    v27.3.1

    Compare Source

    Fixes
    • [expect] Make expect extension properties configurable (#​11978)
    • [expect] Fix .any() checks on primitive wrapper classes (#​11976)
    Chore & Maintenance
    • [expect] BigInt global is always defined, don't check for its existence at runtime (#​11979)
    • [jest-config, jest-util] Use ci-info instead of is-ci to detect CI environment (#​11973)

    v27.3.0

    Compare Source

    Features
    • [jest-config] Add testEnvironmentOptions.html to apply to jsdom input (#​11950)
    • [jest-resolver] Support default export (.) in exports field if main is missing (#​11919)
    Fixes
    • [expect] Tweak and improve types (#​11949)
    • [jest-runtime] Ensure absolute paths can be resolved within test modules (#​11943)
    • [jest-runtime] Fix instanceof for ModernFakeTimers and LegacyFakeTimers methods (#​11946)

    v27.2.5

    Compare Source

    Features
    • [jest-config] Warn when multiple Jest configs are located (#​11922)
    Fixes
    • [expect] Pass matcher context to asymmetric matchers (#​11926 & #​11930)
    • [expect] Improve TypeScript types (#​11931)
    • [expect] Improve typings of toThrow() and toThrowError() matchers (#​11929)
    • [jest-cli] Improve --help printout by removing defunct --browser option (#​11914)
    • [jest-haste-map] Use distinct cache paths for different values of computeDependencies (#​11916)
    • [@jest/reporters] Do not buffer console.logs when using verbose reporter (#​11054)
    Chore & Maintenance
    • [expect] Export default matchers (#​11932)
    • [@jest/types] Mark deprecated configuration options as @deprecated (#​11913)

    v27.2.4

    Compare Source

    Features
    • [expect] Add equality checks for Array Buffers in expect.ToStrictEqual() (#​11805)
    Fixes
    • [jest-snapshot] Correctly indent inline snapshots (#​11560)

    v27.2.3

    Compare Source

    Features
    • [@jest/fake-timers] Update @sinonjs/fake-timers to v8 (#​11879)
    Fixes
    • [jest-config] Parse testEnvironmentOptions if received from CLI (#​11902)
    • [jest-reporters] Call destroy on v8-to-istanbul converters to free memory (#​11896)

    v27.2.2

    Compare Source

    Fixes
    • [jest-runtime] Correct wrapperLength value for ESM modules. (#​11893)

    v27.2.1

    Compare Source

    Features
    • [jest-transform] Improve the unexpected token error message. (#​11807)
    Fixes
    • [jest-runtime] Fix regression when using jest.isolateModules and mocks (#​11882)
    • [jest-runtime] Include test name when importing modules after test has completed (#​11885)
    • [jest-runtime] Error when ESM import is used after test is torn down (#​11885)

    v27.2.0

    Compare Source

    Features
    • [jest-resolver, jest-runtime] Pass conditions to custom resolvers to enable them to implement support for package.json exports field (#​11859)
    • [jest-runtime] Allow custom envs to specify exportConditions which is passed together with Jest's own conditions to custom resolvers (#​11863)
    Fixes
    • [@jest/reporters] Use async transform if available to transform files with no coverage (#​11852)
    • [jest-util] Return correct value from process.send stub (#​11799)

    v27.1.1

    Compare Source

    Features
    • [jest-runtime] Add experimental, limited (and undocumented) support for mocking ECMAScript Modules (#​11818)
    Fixes
    • [jest-resolver] Support node: prefix when importing Node core modules with ESM (#​11817)
    • [jest-types] Export the PrettyFormatOptions interface (#​11801)

    v27.1.0

    Compare Source

    Features
    • [jest-haste-map] Use watchman suffix-set option for faster file indexing. (#​11784)
    • [jest-cli] Adds a new config options snapshotFormat which offers a way to override any of the formatting settings which come with pretty-format. (#​11654)
    • [jest-reporters] Expose the getSummary util (#​11695).
    • [jest-resolver] Support node: prefix when importing Node core modules (#​11331)
    Fixes
    • [jest-each] Relaxed the validation to allow multibyte characters in headings (#​11575)
    • [jest-environment-jsdom] Add support for userAgent option (#​11773)
    • [jest-environment-node] Add Event and EventTarget to node global environment. (#​11727)
    • [jest-mock] Fix spyOn to use Object.prototype.hasOwnProperty (#​11721)
    • [jest-resolver] Add dependency on jest-haste-map (#​11759)
    • [jest-types] Compat with @types/node v16 (#​11645)
    Chore & Maintenance
    • [docs] Correct expects.assertions documentation by adding async/await for asynchronous function.

    Configuration

    πŸ“… Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about these updates again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-09-06 05:36
  • 15. Dependency Dashboard

    This issue provides visibility into Renovate updates and their statuses. Learn more

    Rate Limited

    These updates are currently rate limited. Click on a checkbox below to force their creation now.

    • [ ] Update dependency @types/react to v17.0.47
    • [ ] Update dependency figma-api-stub to v0.0.55
    • [ ] Update actions/setup-node action to v3
    • [ ] Update dependency @types/react to v18
    • [ ] Update dependency @types/react-dom to v18
    • [ ] Update dependency css-loader to v6
    • [ ] Update dependency eslint to v8
    • [ ] Update dependency style-loader to v3
    • [ ] Update jest monorepo to v28 (major) (@types/jest, babel-jest, jest)
    • [ ] Update react monorepo to v18 (major) (react, react-dom)
    • [ ] Update typescript-eslint monorepo to v5 (major) (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)

    Open

    These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

    Detected dependencies

    github-actions
    .github/workflows/ci.yml
    • actions/checkout main
    • actions/setup-node v1
    npm
    package.json
    • @vanilla-extract/css ^1.0.0
    • html-webpack-inline-source-plugin 0.0.10
    • html-webpack-plugin ^3.2.0
    • react ^17.0.2
    • react-dom ^17.0.2
    • webpack ^4.41.4
    • webpack-cli ^3.3.6
    • @babel/core 7.13.15
    • @babel/preset-env 7.13.15
    • @babel/preset-typescript 7.13.0
    • @figma/plugin-typings 1.33.0
    • @types/jest 26.0.24
    • @types/react 17.0.36
    • @types/react-dom 17.0.3
    • @typescript-eslint/eslint-plugin 4.20.0
    • @typescript-eslint/parser 4.20.0
    • babel-jest 27.0.6
    • css-loader 5.2.5
    • eslint 7.23.0
    • eslint-config-prettier 8.1.0
    • figma-api-stub 0.0.48
    • jest 27.0.6
    • prettier 2.2.1
    • style-loader 2.0.0
    • ts-loader 8.0.17
    • ts-node 9.1.1
    • typescript 4.2.2
    • url-loader 4.1.1

    • [ ] Check this box to trigger a request for Renovate to run again on this repository
    Reviewed by renovate[bot] at 2021-08-25 04:46
  • 16. Update dependency path-parse to 1.0.7 [SECURITY]

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | |---|---| | path-parse | 1.0.6 -> 1.0.7 |

    GitHub Vulnerability Alerts

    CVE-2021-23343

    Affected versions of npm package path-parse are vulnerable to Regular Expression Denial of Service (ReDoS) via splitDeviceRe, splitTailRe, and splitPathRe regular expressions. ReDoS exhibits polynomial worst-case time complexity.


    Configuration

    πŸ“… Schedule: Branch creation - "" (UTC), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-08-12 07:39
  • 17. Update dependency webpack-cli to v4

    Mend Renovate

    This PR contains the following updates:

    | Package | Change | Age | Adoption | Passing | Confidence | |---|---|---|---|---|---| | webpack-cli | ^3.3.6 -> ^4.0.0 | age | adoption | passing | confidence |


    Release Notes

    webpack/webpack-cli

    v4.10.0

    Compare Source

    Bug Fixes
    Features

    4.9.2 (2022-01-24)

    Bug Fixes

    4.9.1 (2021-10-18)

    Bug Fixes

    v4.9.2

    Compare Source

    Bug Fixes

    v4.9.1

    Compare Source

    Bug Fixes

    v4.9.0

    Compare Source

    Bug Fixes
    Features
    • allow to run commands without webpack installation where it is unnecessary (#​2907) (603041d)

    v4.8.0

    Compare Source

    Bug Fixes
    Features

    4.7.2 (2021-06-07)

    Note: Version bump only for package webpack-cli (due @webpack-cli/serve)

    4.7.1 (2021-06-07)

    Bug Fixes

    v4.7.2

    Compare Source

    Note: Version bump only for package webpack-cli (due @webpack-cli/serve)

    v4.7.1

    Compare Source

    Bug Fixes

    v4.7.0

    Compare Source

    Bug Fixes
    Features

    v4.6.0

    Compare Source

    Bug Fixes
    Features

    v4.5.0

    Compare Source

    Notes
    • now you can use webpack.config.mjs and webpack.config.js with { "type": "module" } in package.json
    • you can avoid using the cross-env package:

    Before:

    {
      "scripts": {
        "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js"
      }
    }
    

    Now (you can remove the cross-env if you don't use it somewhere else):

    {
      "scripts": {
        "build": "webpack --node-env=production --config build/webpack.config.js"
      }
    }
    
    • the mode option respect the --node-env option if you don't set the mode option explicit using CLI options or in configuration(s), i.e. --node-env production set process.env.NODE_ENV and mode to production
    Bug Fixes
    Features

    v4.4.0

    Compare Source

    Bug Fixes
    Features

    4.3.1 (2020-12-31)

    Bug Fixes

    v4.3.1

    Compare Source

    Bug Fixes

    v4.3.0

    Compare Source

    Bug Fixes
    • fix problems with --mode and config resolution, there are situations when we resolve an invalid config file, the --mode option does not affect on config resolution, if you faced with an error after updating, please use the --config option
    • correct usage of cli-flags (#​2205) (c8fc7d1)
    • defer setting default mode to core (#​2095) (3eb410e)
    • respect the --watch-options-stdin option (2d1e001)
    • respect --color/--no-color option (#​2042) (09bd812)
    • stringify stats using streaming approach (#​2190) (9bf4e92)
    • use logger for error with proper exit code (#​2076) (2c9069f)
    • reduce spammy logs (#​2206) (9b3cc28)
    • respect the infrastructureLogging.level option (logger uses stderr) (#​2144) (7daccc7)
    • respect all options from command line for the server command
    • help and version output
    • respect stats from the config ([email protected]) (#​2098) (2d6e5c6)
    • fixed colors work with multi compiler mode ([email protected])
    Features
    • add bundle command (alias for webpack [options])
    • add pnpm support for package installation (#​2040) (46cba36)

    v4.2.0

    Compare Source

    Bug Fixes
    Features

    v4.1.0

    Compare Source

    Bug Fixes
    Features

    v4.0.0

    Compare Source

    Bug Fixes
    Features

    v3.3.12

    Compare Source

    Full Changelog

    v3.3.11

    Compare Source

    Full Changelog

    v3.3.10

    Compare Source

    Full Changelog

    New Features

    v3.3.9

    Compare Source

    Full Changelog

    Fix

    • use process.exitCode instead of process.exit in compilerCallback (ee001bd)

    v3.3.8

    Compare Source

    Full Changelog

    Fix

    • support both webpack versions (d28f9f5)

    Tests

    v3.3.7

    Compare Source

    Full Changelog

    Fix

    • resolve opts when no-config (fb31cc4)

    Configuration

    πŸ“… Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

    🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

    β™» Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

    πŸ”• Ignore: Close this PR and you won't be reminded about this update again.


    • [ ] If you want to rebase/retry this PR, click this checkbox.

    This PR has been generated by Mend Renovate. View repository job log here.

    Reviewed by renovate[bot] at 2021-05-28 01:27
A plugin example for writing reactions with the Figma plugin API
A plugin example for writing reactions with the Figma plugin API

?? figma-plugin-example-prototype-write The ability to write protoype interactions in the Figma plugin API has landed! This update allows plugins to c

Feb 28, 2022
A boiler code generator for electron with react or vue with taildwindcss in both JavaScript & TypeScript
A boiler code generator for electron with react or vue with taildwindcss in both JavaScript & TypeScript

A boiler code generator for electron with react or vue with taildwindcss in both JavaScript & TypeScript

Jul 27, 2022
Recurrence rules generator form built with React
Recurrence rules generator form built with React

React RRule Generator Recurrence rules generator form built with React This project is no longer maintained by me. Thank you for all your past contrib

Jul 23, 2022
Professional React app generator. Shipped with an exposed, unopinionated, highly-performant config
Professional React app generator. Shipped with an exposed, unopinionated, highly-performant config

Professional React app generator. Shipped with an exposed, unopinionated, highly-performant config. Jest-SWC, Storybook, SWC, Typescript, Webpack 5.

Jul 22, 2022
Password Generator using Genetic Algorithm

Password Generator using Genetic Algorithm

Nov 15, 2021
WYSIWG paper wallet generator
WYSIWG paper wallet generator

Hello Wallet Try it. Have you ever wanted to make a paper wallet but they all look like this? Using the latest graphic design technology it is possibl

Jul 29, 2022
Github-profile-readme-maker - Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way
Github-profile-readme-maker - Best Profile Generator, Create your perfect GitHub Profile ReadMe in the best possible way

GPRM : GitHub Profile ReadMe Maker Features We got everything that you need ! Cr

Jul 30, 2022
A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier.
A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier.

A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier.

Aug 4, 2022
MobX React Handbook with code samples

Manual do MobX com React Exemplos de gerenciamento de estado no React usando a biblioteca MobX VersΓ΅es Este repositΓ³rio estΓ‘ utilizando as seguintes v

Apr 1, 2022
Contains the code for Terraform, Spring Boot, React used in AWS POC

AWSTerraformPOC Contains the code for Terraform, Spring Boot, React used in AWS POC Description This application shows the top trending ticks and watc

May 5, 2022
Source Code For the TextUtils React Application from CodeWithHarry YouTube Tutorial.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Aug 3, 2022
βš›οΈ Deliver UI for Web and Mobile platforms without taking care about complexity on how to style there, learn React once and code everywhere
βš›οΈ  Deliver UI for Web and Mobile platforms without taking care about complexity on how to style there, learn React once and code everywhere

SkynexUI Use the platform, don't care about how to style there ⚠️ Version 1.x.x is alpha, trust only in v2 A set of components writen on top of React

Jul 31, 2022
Code examples for the blog post titled The Complete Guide to Full Stack Solana Development with React, Anchor, Rust, and Phantom
Code examples for the blog post titled The Complete Guide to Full Stack Solana Development with React, Anchor, Rust, and Phantom

The Complete Guide to Full Stack Solana Development with React, Anchor, Rust, and Phantom Code examples to go with the blog post available here Prereq

Jul 30, 2022
Here is the place try to learn to call API using React.js with anything your code style and contribute to open-source. Part of Hacktoberfest

Table of Contents About The Project Built With Getting Started Prerequisites Installation Usage About The Project To welcome hacktoberfest we provide

Jul 17, 2022
Entire React code base explanation by visual block schemes (Stack version)
Entire React code base explanation by visual block schemes (Stack version)

Under the hood: React This repository contains an explanation of inner work of React. In fact, I was debugging through the entire code base and put al

Aug 1, 2022
Studies about Software Architeture in React - basics of server-side rendering, state management and code splitting

Studies about Software Architeture in React - basics of server-side rendering, state management and code splitting

Mar 23, 2022
Code demo from "Building Design Systems With React" talk
Code demo from

React Button This repository is the code demo from my "Building Design Systems With React" talk I will give at ReactJS Girls London. I will link the d

May 29, 2022
Alt + Click on rendered JSX to open it's source code in VSCode
Alt + Click on rendered JSX to open it's source code in VSCode

Alt + Click on rendered JSX to open it's source code in VSCode

Aug 7, 2022
This project is collection of large projects's source code (codebases), built with Reactjs. Eg: Bestbuy, Postman, Trello, Udacity, Coursera, Skillshare, Invision, Intercom, Pipedrive, ... and more.
This project is collection of large projects's source code (codebases), built with Reactjs. Eg: Bestbuy, Postman, Trello, Udacity, Coursera, Skillshare, Invision, Intercom, Pipedrive, ... and more.

This project is collection of large projects's source code (codebases), built with Reactjs. Eg: Bestbuy, Postman, Trello, Udacity, Coursera, Skillshare, Invision, Intercom, Pipedrive, ... and more.

Aug 5, 2022