redux | 易学教程

我在GitHub上找到了这些游戏项目，刺激！

阅读更多关于我在GitHub上找到了这些游戏项目，刺激！

作者：JackTian 来源：公众号「杰哥的IT之旅」 ID：Jake_Internet 大家好，我是JackTian。当你学习、工作累了，趁休息时间娱乐放松一下，通过用游戏的方式来学习技术，那么 GitHub 上这些好玩的开源项目小游戏是最适合不过了。首先，我们来看一下这张图，可快速了解这篇文章中所涉及到的 23 个关于游戏方面的开源项目。 Games on GitHub 这个开源项目作者收集了托管在 GitHub 上的开源游戏以及跟游戏相关的项目列表，所含的项目类型众多，游戏种类包括教育类、浏览器类等，还包括一些开源的游戏引擎等等；该项目的目录：具体细节就不逐一点开给大家演示了，感兴趣的朋友去看看。 GitHub 地址：https://github.com/leereilly/games vim-game-code-break 这个项目是 Vim 插件版本的打豆豆。将其放在您的.vimrc中： Plug 'johngrib/vim-game-code-break' 然后在Vim中运行以下命令： :source % :PlugInstall 装上这个插件输入 :VimGameCodeBreak ，即可开始游戏。功能介绍 h、l 键是控制左右方向； space 键是发球； ` 键是作弊键； ] 键是神模式，[ 键是人工模式； q 键是结束游戏，Q 键是退出并关闭游戏；

How can I customize my reducers using @ngrx/data?

阅读更多关于 How can I customize my reducers using @ngrx/data?

问题 I am learning to use @ngrx/data, it is true that with that library I advance a lot of code, but I am having problems when it comes to personalizing it. I already saw how to add fields to collections export const entityMetadata: EntityMetadataMap = { User: { additionalCollectionState: { testing: null } } }; and set the module here: export class UsersModule { constructor(private eds: EntityDefinitionService) { eds.registerMetadataMap(entityMetadata); } } All good up there, but ..., How can I

React-Navigation: Use/Change header title with Redux state

阅读更多关于 React-Navigation: Use/Change header title with Redux state

问题 Is it possible to access the whole Redux state inside the React Navigation's header title? The official docs says that the state corresponding to the navigation is accessible: static navigationOptions = { title: ({ state }) => `Chat with ${state.params.user}` }; But I wish to access other parts of my Redux state, with the title updating when that state updates. Is that possible today? 回答1: this is possible with a little workaround. I would not even call this a workaround either I would call

mocking store.getState()

阅读更多关于 mocking store.getState()

问题 I want to assert that when a function gets my redux state value using store.getState() , it does various things based on the conditions of that state. How am I able to assert / mock what I want the state value to be for certain tests using the store.getState() method? Thanks. sampleFunction.js: import { store } from './reduxStore'; const sampleFunction = () => { const state = store.getState(); let result = false; if (state.foo.isGood) { result = true; } return result; }; export default

React & Jest: Cannot find module from test file

阅读更多关于 React & Jest: Cannot find module from test file

问题 Setting up a Jest test ('App-test.js') for a Redux action ('App.js') in a directory app/__tests__ : Here's the header of App.js: jest.unmock('../../modules/actions/App.js') import React from 'react' import ReactDOM from 'react-dom' import TestUtils from 'react-addons-test-utils' import * as App from '../../modules/actions/App.js' In app/ there is a module config.js . This is being imported where it is needed. The problem is, when I run my Jest tests, such as App-test.js, it is looking for

How to cache API response and use it later in react & redux?

阅读更多关于 How to cache API response and use it later in react & redux?

问题 In my React based application, there is a rest API call which fetches all the data in one shot which is needed for the whole page. The response has data which can be used in a population of dropdowns as well. But I am not sure how this can be achieved. I am currently making a new request whenever the drop-down value is selected. Please do suggest me how to do implement it efficiently without making multiple unwanted rest calls. 回答1: you can cache in HDD or RAM. HDD = e.g. localStorage RAM =

How to cache API response and use it later in react & redux?

阅读更多关于 How to cache API response and use it later in react & redux?

React conditionally render a component in specific routes

阅读更多关于 React conditionally render a component in specific routes

问题 This is my Index.js ReactDOM.render( <React.StrictMode> <Provider store={store}> <Router> <App className="app-main" /> </Router> </Provider> </React.StrictMode>, document.getElementById('root') ); And here is App.jsx <Switch> appRoutes.map(route => <Route path={route.path} component={route.component} key={route.key}/> )} </Switch> <BottomNav /> I want to render the BottomNav component in specific routes in which they are some sub routes too. I used withRouter in the Bottom nav but its match

React Native in yarn workspaces not resolving external packages

阅读更多关于 React Native in yarn workspaces not resolving external packages

问题 I am using yarn workspaces to create monorepo for react and react-native . I tried to add redux to @app/common and it works fine with react , but it is not resolving in native. You can see the source at https://github.com/Faisal-Manzer/react-and-react-native-monorepo/tree/08-redux. When loading bundle it is giving the following error. error: Error: Unable to resolve module `redux` from `../common/reducers/index.js`: redux could not be found within the project or in these directories: ../..

how to get config data from appsettings.json with asp.net core & react

阅读更多关于 how to get config data from appsettings.json with asp.net core & react

问题 I'm using asp.net core with react/redux and i'm trying to move my config data that is in react/redux into the appsettings.json file. But once the config data has been moved; how is the config data accessible to the ClientApp? I'm using the Reactjs with Redux starter for ASP.NET Core. update If this is not the recommended way to store app configs please let me know what is. 回答1: I would not recommend reading the config file from your client side. But if you want to do I would suggest you