{"id":13808822,"url":"https://github.com/mohebifar/racket","last_synced_at":"2025-04-07T15:08:08.495Z","repository":{"id":57248483,"uuid":"44020081","full_name":"mohebifar/racket","owner":"mohebifar","description":"A complete starting app for developing universal React/Redux web apps with generators, best practices and more","archived":false,"fork":false,"pushed_at":"2016-08-19T23:08:46.000Z","size":75,"stargazers_count":290,"open_issues_count":6,"forks_count":14,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-03-31T12:09:25.932Z","etag":null,"topics":["best-practices","racket","react","redux","universal","yeoman-generator"],"latest_commit_sha":null,"homepage":"https://racket-demo.herokuapp.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mohebifar.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-10-10T17:15:01.000Z","updated_at":"2025-03-02T14:10:25.000Z","dependencies_parsed_at":"2022-08-24T16:10:50.791Z","dependency_job_id":null,"html_url":"https://github.com/mohebifar/racket","commit_stats":null,"previous_names":["mohebifar/generator-react-redux"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohebifar%2Fracket","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohebifar%2Fracket/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohebifar%2Fracket/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mohebifar%2Fracket/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mohebifar","download_url":"https://codeload.github.com/mohebifar/racket/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247675597,"owners_count":20977376,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["best-practices","racket","react","redux","universal","yeoman-generator"],"created_at":"2024-08-04T01:01:52.671Z","updated_at":"2025-04-07T15:08:08.470Z","avatar_url":"https://github.com/mohebifar.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://infinite.red/ignite\"\u003e\u003cimg src=\"https://www.dropbox.com/s/y11z4zz4w8fcb1d/racket-logo.png?dl=1\" alt=\"Racket Logo\" width=\"250px\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  Generators, best practices and a complete starting app for developing universal React/Redux web app\n  \u003cbr/\u003e\n  \u003cimg src=\"https://img.shields.io/npm/v/generator-racket.svg?maxAge=2592000\" alt=\"Racket Version\"/\u003e\n  \u003cimg src=\"https://img.shields.io/npm/dm/generator-racket.svg?maxAge=2592000\" alt=\"Downloads\"/\u003e\n  \u003cimg src=\"https://img.shields.io/github/license/mohebifar/racket.svg?maxAge=2592000\" alt=\"MIT License\"/\u003e\n  \u003ca href=\"https://www.codementor.io/mohebifar?utm_source=github\u0026utm_medium=button\u0026utm_term=mohebifar\u0026utm_campaign=github\"\u003e\u003cimg src=\"https://cdn.codementor.io/badges/get_help_github.svg\" alt=\"Get help on Codementor\" style=\"max-width:100%\" /\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n# Racket\nRacket is a yeoman generator for creating **universal/isomorphic** web applications. One of the pains for developers who want to use React or want to develop universal apps was knowing which libraries to choose and how tie them up! Racket responds to this issue by giving you the option to choose the tools/technologies that you prefer the most and offering a good structure that you can maintain for years!\n\n**No need to copy or fork, just use the command-line generator!**\n\nCreating, developing and maintaining a universal react app had never been so easy!\n\n[Live running demo](https://racket-demo.herokuapp.com/)\n\n\u003e **Suggestion**: I do recommend to create a simple app with React + Redux yourself, before using Racket.\n\n![Racket Screencast](https://www.dropbox.com/s/7ua7l3217gm1me4/racket-screencast.gif?dl=1)\n\n# Installation\nFirst, note that you need to use npm 3. If you have not upgraded to npm 3, run:\n```\nnpm i -g npm@3\n```\n\nInstall `yo` and `generator-racket` via npm:\n\n```\nnpm i -g yo generator-racket\n```\n\nCreate a directory for your app and cd into it:\n\n```\nmkdir my-awesome-app\ncd my-awesome-app\n```\n\nThen run the following command to start creating your app.\n\n```\nyo racket\n```\n\n# Features\nFrom each item with multiple options, you can choose the one you prefer:\n\n- UI Library: [React](https://github.com/facebook/react)\n- Flux Frameworks: [Redux](https://github.com/reactjs/redux)\n  - [Redux Connect](https://github.com/makeomatic/redux-connect) included.\n- Async actions: [Redux Thunk](https://github.com/gaearon/redux-thunk), [Redux Saga](https://github.com/yelouafi/redux-saga)\n- Stylesheets: Sass, Less, PostCSS, CSS\n- CSS Frameworks: [Bootstrap](https://github.com/twbs/bootstrap)\n  - Option to include [React Bootstrap](https://github.com/react-bootstrap/react-bootstrap)\n- Module Bundler: [Webpack](https://webpack.github.io/) + [Webpack Isomorphic Tools](https://github.com/halt-hammerzeit/webpack-isomorphic-tools)\n- Router: [React Router](https://github.com/reactjs/react-router) + [React Router Redux](https://github.com/reactjs/react-router-redux)\n- **Testing**\n  - [Enzyme](https://github.com/airbnb/enzyme)\n  - [Mocha](https://github.com/mochajs/mocha)\n  - [Karma](https://github.com/karma-runner/karma)\n\n\n\n# Generators\n## Component\nTo generate a component run:\n\n```\nyo racket:component \u003ccomponent-name\u003e [--stateless]\n```\n\n## Route\nTo generate a new route and component run:\n\n```\nyo racket:route \u003ccomponent-name\u003e\n```\n\n## Redux module\nTo generate a [redux module](https://github.com/erikras/ducks-modular-redux) run:\n\n```\nyo racket:redux-module \u003cname\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohebifar%2Fracket","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmohebifar%2Fracket","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmohebifar%2Fracket/lists"}