Repozytoria GitHub

Kiedy przychodzi do tworzenia aplikacji internetowych, wybór odpowiednich narzędzi i zasobów odgrywa kluczową rolę w udanej realizacji projektu. GitHub, największa na świecie platforma do hostowania i wspólnego tworzenia projektów, jest centralnym punktem dla wielu programistów. Dla programistów front-end, szczególnie ważne jest znalezienie repozytoriów oferujących narzędzia, biblioteki i szablony ułatwiające pracę. W tym artykule omówimy pięć najlepszych repozytoriów na GitHubie, które warto przestudiować, aby poprawić swoje doświadczenie w programowaniu front-end.

1. FreeCodeCamp

freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.
https://github.com/freeCodeCamp/freeCodeCamp
39 913 forks.
417 132 stars.
285 open issues.

Recent commits:

• chore(api): improve log statements (#59992), GitHub
• fix(curriculum): added missing preposition and removed a duplicate explanation (#59987), GitHub
• fix(curriculum): typo in lecture working with css transforms overflow and filters (#59990), GitHub
• fix(curriculum): typo in lecture working with code editors and ides (#59989), GitHub
• fix(curriculum): Add a note to let users know to use JavaScript only in the Real Time Counter lab (#59978), GitHub

FreeCodeCamp – to organizacja non-profit oferująca naukę programowania, w tym programowanie front-end. Ich repozytorium na GitHubie zawiera wiele projektów, lekcji i zadań z HTML, CSS, JavaScript i innych technologii webowych. Jest idealny zarówno dla początkujących, jak i doświadczonych programistów, którzy chcą doskonalić swoje umiejętności.

2. React

The library for web and native user interfaces.
https://github.com/facebook/react
48 341 forks.
234 930 stars.
999 open issues.

Recent commits:

• [devtools] Allow inspecting cause, name, message, stack of Errors in props (#33023), GitHub
• [Fizz] Enable the progressiveChunkSize option (#33027)Since the very beginning we have had the `progressiveChunkSize` optionbut we never actually took advantage of it because we didn't count thebytes that we emitted. This starts counting the bytes by taking a passover the added chunks each time a segment completes.That allows us to outline a Suspense boundary to stream in late even ifit is already loaded by the time that back-pressure flow and in a`prerender`. Meaning it gets inserted with script.The effect can be seen in the fixture where if you have large HTMLcontent that can block initial paint (thanks to[`rel="expect"`](https://github.com/facebook/react/pull/33016) but alsonested Suspense boundaries). Before this fix, the paint would be blockeduntil the large content loaded. This lets us paint the fallback first inthe case that the raw bytes of the content takes a while to download.You can set it to `Infinity` to opt-out. E.g. if you want to ensurethere's never any scripts. It's always set to `Infinity` in`renderToHTML` and the legacy `renderToString`.One downside is that if we might choose to outline a boundary, we needto let its fallback complete.We don't currently discount the size of the fallback but really justconsider them additive even though in theory the fallback itself couldalso add significant size or even more than the content. It should maybereally be considered the delta but that would require us to track thesize of the fallback separately which is tricky.One problem with the current heuristic is that we just consider the sizeof the boundary content itself down to the next boundary. If you have alot of small boundaries adding up, it'll never kick in. I intend toaddress that in a follow up., GitHub
• [compiler] Fallback for inferred effect dependencies (#32984)When effect dependencies cannot be inferred due to memoization-relatedbailouts or unexpected mutable ranges (which currently often have to dowith writes to refs), fall back to traversing the effect lambda itself.This fallback uses the same logic as PropagateScopeDependencies:1. Collect a sidemap of loads and property loads2. Find hoistable accesses from the control flow graph. Note that here,we currently take into account the mutable ranges of instructions (see`mutate-after-useeffect-granular-access` fixture)3. Collect the set of property paths accessed by the effect4. Merge to get the set of minimal dependencies, GitHub
• [compiler] Patch for reactive refs in inferred effect dependencies (#32991)Inferred effect dependencies and inlined jsx (both experimentalfeatures) rely on `InferReactivePlaces` to determine their dependencies.Since adding type inference for phi nodes(https://github.com/facebook/react/pull/30796), we have been incorrectlyinferring stable-typed value blocks (e.g. `props.cond ? setState1 :setState2`) as non-reactive. This fix patches InferReactivePlacesinstead of adding a new pass since we want non-reactivity propagatedcorrectly, GitHub
• [ci] Reduce non-deterministic builds for eslint-plugin-react-hooks (#33026)See https://github.com/rollup/plugins/issues/1425Currently, `@babel/helper-string-parser/lib/index.js` is either emittedas a wrapped esmodule or inline depending on the ordering of asyncfunctions in `rollup/commonjs`. Specifically,`@babel/types/lib/definitions/core.js` is cyclic (i.e. transitivelydepends upon itself), but sometimes`@babel/helper-string-parser/lib/index.js` is emitted before this isrealized.A relatively straightforward patch is to wrap all modules (seehttps://github.com/rollup/plugins/issues/1425#issuecomment-1465626736).This only regresses `eslint-plugin-react-hooks` bundle size by ~1.8% andis safer (seehttps://github.com/rollup/plugins/blob/master/packages/commonjs/README.md#strictrequires)> The default value of true will wrap all CommonJS files in functionswhich are executed when they are required for the first time, preservingNodeJS semantics. This is the safest setting and should be used if thegenerated code does not work correctly with "auto". Note thatstrictRequires: true can have a small impact on the size and performanceof generated code, but less so if the code is minified.(note that we're on an earlier version of `@rollup/commonjs` which doesnot default to `strictRequires: true`), GitHub

React – to jedna z najbardziej popularnych bibliotek JavaScript do tworzenia interfejsów użytkownika. Repozytorium React na GitHubie zawiera kod źródłowy biblioteki, a także wiele poradników, przykładów i zasobów dla programistów. Jeśli pracujesz z React lub dopiero zaczynasz go poznawać, to repozytorium będzie dla Ciebie cennym źródłem wiedzy.

3. Vue.js

This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
https://github.com/vuejs/vue
33 744 forks.
208 767 stars.
603 open issues.

Recent commits:

• chore: fix spelling mistakes (#13216)[skip ci], GitHub
• chore: fix link broken (#13192)* chore: fix link brokenSigned-off-by: snoppy <michaleli@foxmail.com>* Update packages/template-compiler/README.md [skip ci]———Signed-off-by: snoppy <michaleli@foxmail.com>Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com>, GitHub
• chore: browser compatibility table link (#13187)Updated Browser Compatibility reference. The previous currently returns HTTP 404., GitHub
• chore: update issue form [ci skip], Evan You
• chore: eol readme (#13142), GitHub

Vue.js – to kolejny popularny framework JavaScript, który szeroko stosowany jest do tworzenia interaktywnych interfejsów użytkownika. Repozytorium Vue.js na GitHubie zawiera kod źródłowy frameworka, a także dokumentację, przykłady i poradniki. Bez względu na Twój poziom doświadczenia, znajdziesz tu wiele przydatnych informacji.

4. Bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
https://github.com/twbs/bootstrap
79 077 forks.
172 249 stars.
531 open issues.

Recent commits:

• Removed line break between `// Private` comment and function (#41218), GitHub
• Move _isShown() method to private section (#41220), GitHub
• Docs: Remove some unneeded Twitter/X metatags (#41408), GitHub
• Remove files configuration from .cspell.json (#41400), GitHub
• Spell check `.md` and `.mdx` files (#41398)Co-authored-by: Julien Déramond <juderamond@gmail.com>, GitHub

Bootstrap – to jeden z najpopularniejszych frameworków CSS, który pomaga w tworzeniu responsywnych i stylowych stron internetowych i aplikacji. Repozytorium Bootstrap na GitHubie zawiera kod źródłowy frameworka, a także dokumentację, przykłady i wiele komponentów i szablonów. Jeśli potrzebujesz szybkiego i efektywnego sposobu tworzenia interfejsów internetowych, Bootstrap to doskonały wybór.

5. D3.js

Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:
https://github.com/d3/d3
22 874 forks.
110 468 stars.
21 open issues.

Recent commits:

• fix: support links on d3js.org are outdated (#4015)This PR addresses issue #4007 by updating the outdated support links on d3js.org., GitHub
• Update CHANGES.md, GitHub
• Update getting-started.md link to Svelte example (#3962), GitHub
• add rel external to links so that we can track referrer (#3941), GitHub
• changed utm_source for examples link (#3940), GitHub

D3.js – to potężna biblioteka JavaScript do tworzenia interaktywnych wykresów, diagramów i wizualizacji danych. Repozytorium D3.js na GitHubie zawiera kod źródłowy biblioteki, a także poradniki, przykłady i zasoby dla programistów. Jeśli Twój projekt wymaga wizualizacji danych na stronie internetowej, D3.js pomoże Ci to zrobić z łatwością.

Oto więc pięć najlepszych repozytoriów na GitHubie dla programistów front-end. Niezależnie od Twojego poziomu doświadczenia lub konkretnych potrzeb projektu, te zasoby oferują wiele narzędzi, przykładów i poradników, które pomogą Ci w pracy. Nie wahaj się ich zgłębiać i wykorzystywać w swoich projektach!